Wie wählt man den ersten Vorfahren, der mit einem Selektor übereinstimmt?

Question

Allgemeine:

Wie kann ich die erste Anpassungs Vorfahre eines Elements in jQuery wählen?

$('.remove').click(function(){ 
    $(this).parent().parent().hide(); 
    return false; 
}); 

Dies funktioniert:

Beispiel: indem Sie auf "Entfernen", mit diesen jQuery-Code

diesen Block HTML Nehmen

<table> 
    <tbody> 
     <tr> 
      <td> 
       <a href="#" class="remove">Remove</a> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <a href="#" class="remove">Remove</a> 
      </td> 
     </tr> 
    </tbody> 
</table> 

ich eine Zeile in der Tabelle entfernen aber es ist ziemlich zerbrechlich. Wenn jemand zum Beispiel die <a> in eine <div> steckt, würde es brechen. Gibt es eine Auswahl Syntax in jQuery, die diese Logik folgt:

„Hier ist ein Element, das einige Auswahlkriterien entsprechen, jetzt finden die nächsten Vorfahren und senden Sie es“

Dank

Answer 1

Das closest wäre:

$(this).closest('tr').hide(); 

Answer 2

Sie können einen Selektor an das übergeordnete Argument übergeben, glaube ich.

Oder Sie können am nächsten wie von einer anderen Antwort angegeben verwenden.

$('.remove').click(function(){ 
    $(this).closest("tr").hide(); 
    return false; 
}); 

Answer 3

ich lieber mit closest als @Kobi weist darauf hin, (1), wie es die knappste Art und Weise zu sein scheint, das zu tun. nur darauf hinweisen, können Sie auch parents verwenden:

$(this).parents("tr:first") 

Answer 4

Sie verwenden jQuery 1.4 Angenommen, können Sie .parentsUntil() verwenden, die alle Vorfahren bis zu aber NICHT einschließlich des ausgewählten Vorfahren zurück.

in Ihrem Fall also würde ich mit so etwas wie diesem geht:

$('.remove').click(function(){ 
    $(this).parentsUntil("tr").parent().hide(); 
    return false; 
});