jQuery Gezinti - parents() Metodu
Örnek
Her bir b elementinin tüm ebeveyn elementlerini bulma:
$("b").parents()
Tanım ve Kullanım
parents() 方法, mevcut eşleşen element koleksiyonunda her bir elementin ata elementlerini elde eder, seçici ile filtreleme seçenekli olabilir.
.parents()selector)
| Parametre | Açıklama |
|---|---|
| selector | Dize değeri, elementleri eşleştirmek için kullanılan seçici ifadesi içerir. |
Ayrıntılı açıklama
Bir DOM element koleksiyonunu temsil eden bir jQuery nesnesi verildiğinde, .parents() yöntemi, bu elementlerin atalarını DOM ağacında aramamıza olanak tanır ve en yakın ebeveyn elementten yukarı doğru sıralanmış eşleşen elementlerle yeni bir jQuery nesnesi oluşturur. Elementler en yakın ebeveyn elementten dışarı doğru sıralanır. .parents() ve .parent() Yöntem benzer, ancak ikincisi DOM ağacında tek bir seviyede yukarı doğru gezinir.
Bu yöntem, seçici ifadesi seçmeli, $() fonksiyonuna iletilen parametre türü ile aynı. Bu seçici uygulandığında, elementin bu seçiciye uyup uymadığını kontrol ederek elementleri süzgeçler.
Bu temel içe gömülü listeli sayfayı düşünün:
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
Eğer projeden A ile başlarsak, atalar elementlere ulaşabiliriz:
$('li.item-a').parents().css('background-color', 'red');
Bu çağrının sonucu, level-2 listesi, proje II ve level-1 listesi gibi elementler (DOM ağacına <html> e kadar yukarı doğru) kırmızı arka plan ayarlanır. Seçici ifadesi uygulamadığımız için, doğal olarak ebeveyn element, nesnenin bir parçası haline gelir. Seçici ifadesi uygulandığında, elementin seçiciye uyup uymadığını kontrol etmek için içeriden önce element kontrol edilir. Seçici ifadesi uygulamadığımız için, tüm atalar elementler, döndürülen jQuery nesnesinin bir parçasıdır. Seçici ifadesi uygulandığında, sadece onların uyduğu elementler içerilir.
