En son web geliştirme öğreticiler
 

jQuery parents() Method

<JQuery Traversing Yöntemleri

Ö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.


<JQuery Traversing Yöntemleri