Seçici ile Eşleşen İlk Ata Nasıl Seçilir?

Question

Genel:

JQuery bir elementin ilk eşleşen atası seçebilir nasıl

?

Örnek:

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

Bu eserler:

bu jQuery kodu kullanarak "Kaldır" ı tıklayarak tablodaki bir satır kaldırabilirsiniz

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

bu HTML bloğunu alın ama oldukça kırılgan. Eğer birisi <a>'u <div> içine koyarsa, kırılırdı.

:

Teşekkür closest olacağını

Answer 1

"İşte bir unsur var, şimdi bazı seçim kriterlerini eşleşen en yakın atası bulup iade": Bu mantığı şöyle jQuery bir seçici sözdizimi var mı

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

Answer 2

Seçiciyi, inandığım ana bağımsız değişkene iletebilirsiniz. Veya başka bir yanıtla belirtildiği gibi en yakınını kullanabilirsiniz.

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

Answer 3

Ben @Kobi (+1) işaret ettiği gibi, bunu yapma en özlü şekilde olması gibi görünüyor closest kullanmayı tercih ediyoruz. Sadece işaret etmek, ayrıca parents kullanabilirsiniz:

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

Answer 4

jQuery 1.4 kullanıyorsanız varsayarsak, seçilen atası dahil ancak DEĞİL kadar atalarının tüm dönecektir hangi .parentsUntil() kullanabilirsiniz.

Yani sizin durumda böyle bir şey ile gider: SO beni bıraktığında ben bu yanıt kabul

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