JQuery Find closest parent with class

Question

In the following structure

<div class="thisNot">
    <table style="width:100%" class="thisOneUknow">
      <tr>
        <th id="imhere">Firstname</th>
        <th>Lastname</th> 
        <th>Age</th>
      </tr>
      <tr>
        <td>Jill</td>
        <td>Smith</td> 
        <td>50</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
    </table>
</div>

If I'm on the $('#imhere'), How I can find the closest parent with a class and extract that value? In this case get thisOne (always thinking that i'm standing imhere element)

EDIT: the class thisOneOknown is generated automatically, so this changed on every Page Load, so the selector has been capable to find the first parent with class and store/return it . Somethinng like var closestParentClass = $('#imhere').closest(":hasParent()");

Seems like this would be simple to google and find unless theres something I am missing? Have you read through this SO question here? — crazymatt
– crazymatt, Commented Mar 8, 2017 at 0:47
$("#imhere").parents("[class]"). Adding link to documentation api.jquery.com/has-attribute-selector — Jules
– Jules, Commented Mar 8, 2017 at 0:56
Yes,I miss a very important detail: The class thisOne is unknown for me, so the selector .thisOne is not my option. Sorry about that i gonna edit the question — Kemen Paulos Plaza
– Kemen Paulos Plaza, Commented Mar 8, 2017 at 9:14

Ian Stanley · Accepted Answer · 2017-03-09 00:47:51Z

4

$('#imhere').closest('.thisOne');

Update after edited question:

I'm afraid I don't understand what you're asking now, however I'll take a guess. Something like the following should allow you to test each parent up to the DOM root:

var element = $($('.lobster')[6]);
while((element = element.parent()).length){
    if(element.is('table')){
        break;
    }
}

// element variable contains the matched DOM element

edited Mar 9, 2017 at 0:47

answered Mar 8, 2017 at 0:47

Ian Stanley

1958 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kemen Paulos Plaza Over a year ago

Sorry i missed an important detail. ThisOne is generated automatically so i cant use .thisone as Selector. I've edited the question to explain a little more

jagdish.narkar · Accepted Answer · 2017-03-08 01:04:11Z

1

You can use filter method, try this example I put together for you. I hope that helps you.

$(function() {
  var tt= finder('.thisOne','#imhere');
    $('.result').append('<div>data found:'+tt.length+'</div>');
  
  // some unknow class
  var ss= finder('.thisOne','#imNothere');
  $('.result').append('<div>data found:'+ss.length+'</div>');
  
});

function finder(searchMe, checkMe){
  return $(searchMe).filter(function(index) {
    return $(this).find(checkMe).length > 0;
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="thisNot">
  <table style="width:100%" class="thisOne">
    <tr>
      <th id="imhere">Firstname</th>
      <th>Lastname</th>
      <th>Age</th>
    </tr>
    <tr>
      <td>Jill</td>
      <td>Smith</td>
      <td>50</td>
    </tr>
    <tr>
      <td>Eve</td>
      <td>Jackson</td>
      <td>94</td>
    </tr>
  </table>
</div>
<div class="result"></div>

answered Mar 8, 2017 at 1:04

jagdish.narkar

3171 silver badge7 bronze badges

2 Comments

Kemen Paulos Plaza Over a year ago

Sorry i missed an important detail. ThisOne is generated automatically so i cant use .thisone as Selector

jagdish.narkar Over a year ago

Isn't that class goes for table? why don't you look for the table instead and filter with id.

Collectives™ on Stack Overflow

JQuery Find closest parent with class

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related