Örnek
Tüm atası elemanlarını Return <span> :
$(document).ready(function(){
$("span").parents().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ı
parents() metodu, seçilen elemanın 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 (<html>) .
Not: Filtre parametresi boşsa, bu işlev kadar doğrudan ebeveyn ve tüm yol, öğeleri kümesi tüm ataları seçecektir <body> ve <html> . Arama sonucuna daraltmak için bir seçici ifadesini geçmek nedenle çoğu zaman yararlıdır.
Bu yöntem, benzer closest() her ikisi de DOM ağacı çapraz olmasıyla. Farkları şunlardır:
parents()
- ebeveyn elemanı ile başlar
- DOM ağaca Travels ve geçen ifadeyle eşleşir bütün ataları döndürür
- geri jQuery nesnesi sıfır veya birden fazla eleman içerir
closest()
- Geçerli elemanı ile başlar
- DOM ağacı Travels ve geçirilen ifadesini eşleşen ilk atası döndürür
- geri jQuery nesnesi sıfır ya da bir eleman içerir
Diğer ilgili yöntem:
- parent() - seçilen elemanın doğrudan ana elemanını döner
- parentsUntil() - verilen iki bağımsız değişkenler arasındaki tüm ata elemanları döner
Sözdizimi
$( Parametre Açıklama class="notranslate" filter İsteğe bağlı. ataları için aramayı 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
Nasıl her atalarını dönmek için filtre parametresini kullanmak <span> olduğunu <ul> elemanlarının.
Birden ataları Dönüş
Nasıl her atalarını dönmek için filtre parametresini kullanmak <span> olduğunu <li> ve <div> elemanlarının.
Etiket adlarıyla bir elementin ataları göster
Bir ataları kim gösteren bir gösteri <span> elemanı aslında.