¿Cómo seleccionar el primer antepasado que coincide con un selector?

Question

general:

¿Cómo puedo seleccionar el primer antepasado de un elemento coincidente en jQuery?

Ejemplo:

Tome este bloque 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> 

puedo eliminar una fila de la tabla haciendo clic en "Eliminar" utilizando el código jQuery:

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

Estos trabajos , pero es bastante frágil Si alguien pone el <a> en un <div>, por ejemplo, se romperá. ¿Existe una sintaxis del selector de jQuery que sigue esta lógica:

"Aquí hay un elemento, ahora encontrar el ancestro más cercano que coincide con algunos criterios de selección y devolverlo"

Gracias

Answer 1

Eso sería closest:

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

Answer 2

Puede pasar un selector al argumento principal, creo.

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

O puede utilizar el más cercano según lo indique otra respuesta.

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

Answer 3

Yo prefiero usar closest como señala @Kobi a cabo (1), ya que parece ser la forma más concisa para hacer eso. Sólo para señalar, también se puede utilizar parents:

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

Answer 4

Suponiendo que está usando jQuery 1.4, puede utilizar .parentsUntil() que devolverá todos los antepasados ​​hasta pero NO incluyendo el antepasado seleccionado.

Así que en su caso me gustaría ir con algo como esto:

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