Örnek
Arasındaki tüm atası elemanlarını Return <span> ve <div> :
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px
solid red"});
});
Sonuç:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Kendin dene " Tanımı ve Kullanımı
parentsUntil() metodu seçici ve destek arasındaki tüm ata elemanları döndürür.
Bir ata böyle devam ebeveyn, büyükanne, büyük-büyükbaba ve.
DOM ağacı: Bu yöntem DOM öğeleri atalarının boyunca ana öğeden yukarıya doğru çapraz yukarı belgenin kök elemana tüm yol kadar belirli bir eleman ulaşır.
Not: Her iki parametre boşsa, bu yöntem (aynı bütün atası elemanları dönecektir parents() yöntemi).
İlgili yöntemleri:
- parent() - seçilen elemanın doğrudan ana elemanını döner
- parents() - döner seçilen eleman tüm ata elemanları
- closest() - seçilen elemanının birinci atası döndürür
Sözdizimi
$( Parametre Açıklama stop İsteğe bağlı. Bir seçici ekspresyonu gösteren eleman veya jQuery nesne ata elemanları eşleştirmek için bir arama durdurmak filter İsteğe bağlı. Selektör ve durdurma arasındaki ataları için arama daraltmak için bir seçici ifadesini belirtir
Not: birden çok ataları geri virgülle her ifade ayırın.
it Yourself deneyin - Örnekler
Daraltabilmeniz
Arasında belli bir elemanın arama filtrelemek için iki parametreyi nasıl kullanılır <span> ve <div> .
Birden ataları Dönüş
Nasıl arasındaki çoklu ataları dönmek için <span> ve <body> .
DOM
Arasındaki tüm ataları Return <span> ve <div> DOM element kullanarak.
Bir DOM öğesi ve bir seçici ifadeyi kullanarak arama filtrelemek için
Bir DOM öğesi kullanmak için atası aramayı daraltmak için <ul> arasındaki elemanları <span> ve <div> .