JQuery Finden nächsten Elternteil mit Klasse

Question

In der folgenden Struktur

<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> 

Wenn ich auf dem $ bin (‚# IMHere‘), wie ich den nächsten Elternteil mit einer Klasse finden und diesen Wert extrahieren? In diesem Fall hole thisOne (immer denkend, dass ich imheres Element stehe)

BEARBEITEN: die Klasse thisOneOknown wird automatisch erzeugt, also änderte sich das bei jedem Laden der Seite, so dass der Selektor den ersten Elternteil mit finden konnte Klasse und speichern/zurückgeben. Etwas wie var engsteParentClass = $ ('# imher'). Engste (": hasParent()");

Answer 1

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

Update nach editierte Frage:

Ich fürchte, ich verstehe nicht, was du jetzt fragst, ich werde jedoch eine Vermutung nehmen. So etwas wie die folgenden sollen Ihnen ermöglichen, jeden Elternteil zu testen, bis zu dem DOM root:

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

// element variable contains the matched DOM element 

Answer 2

Sie Filter-Methode verwenden können, versuchen Sie dieses Beispiel, das ich für Sie zusammengestellt. Ich hoffe, das hilft dir.

$(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>