Basit bir örnek vermek gerekirse, aşağıdaki blok sayfasında tekrarlanan birçok kez (dinamik olarak oluşturulan) var:

<div class="box">
   <div class="something1"></div>
   <div class="something2">
      <a class="mylink">My link</a>
   </div>
</div>

Tıklandığında ile bağlantı üst:

$(".mylink").click(function() {
   $(this).parents(".box").fadeOut("fast");
});

Ancak... söz konusu ana <div class="something1"> gitmem gerek.

Temelde, birisi doğrudan başvurmak mümkün olmadan üst düzey bir kardeş bakın nasıl söyleyebilir? Hadi senin büyüğünüm. Abi sınıf adı için doğrudan bir referans sayfasında bu elementin her örneği istenen etkiyi değil fade out - neden olur.

Denedim:

parents(".box .something1") ... no luck.
parents(".box > .something1") ... no luck.
siblings() ... no luck.

Herkes? Teşekkürler.

.parents(".box .something1") Arama seçici eşleşen tüm üst öğeleri döndürür .box .something. Diğer bir deyişle, .something1 .box içindeki üst öğeleri döndürür.

En yakın ebeveynin çocuklar, bu gibi almak gerekir:

$(this).closest('.box').children('.something1')

Bu kodu .closest en içteki üst seçici eşleşen almak için çağırır, bu üst öğe .children aradığınız amca bulmak için çağırır.