Jak wybrać pierwszą antenę, która pasuje do selektora?

Question

Ogólne:

Jak mogę wybrać pierwszy pasujący przodka elementu w jQuery?

Przykład:

Weź ten blok HTML

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

mogę usunąć wiersz w tabeli, klikając "Usuń" przy użyciu tego kodu jQuery:

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

to działa , ale jest dość kruchy. Jeśli ktoś wstawi na przykład <a> w <div>, pęknie. Czy istnieje składnia wybierak w jQuery, który następuje po tej logiki:

„Oto elementem, teraz znaleźć najbliższy przodek, który pasuje pewne kryteria wyboru i powrót to”

Dzięki

Answer 1

To byłoby closest:

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

Answer 2

Możesz przekazać selektor do argumentu nadrzędnego, który moim zdaniem.

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

Lub możesz użyć pozycji najbliższej, zgodnie z inną odpowiedzią.

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

Answer 3

wolę korzystania closest jak @Kobi zaznacza (+1), ponieważ wydaje się być najbardziej zwięzły sposób, aby to zrobić. Wystarczy wskazać, można również użyć parents:

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

Answer 4

Zakładając, że używasz jQuery 1.4, można użyć .parentsUntil() który powróci wszystkich przodków września ale NOT w tym wybranego przodka.

Więc w twoim przypadku pójdę z czymś takim:

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