jQuery Gezinti - Çocuklar

Soy elementler, çocuk, torun, büyük torun vb. olarak adlandırılır.

jQuery ile DOM ağacını aşağı doğru tarayarak elementlerin soy elementlerini bulabilirsiniz.

DOM Ağacını Aşağı Doğru Tarama

Aşağıda DOM ağacını aşağı doğru tarayan iki jQuery yöntemi verilmiştir:

  • children()
  • find()

jQuery children() Yöntemi

children() yöntemi seçilen elementin tüm doğrudan çocuklarını döndürür.

Bu yöntem sadece DOM ağacını bir alt seviyeye tarar.

Aşağıdaki örnek her <div> elementinin tüm doğrudan çocuklarını döndürür:

Örnek

$("document").ready(function(){
  $("div").children();
});

Kişisel olarak deneyin

Ayrıca, seçmeli parametreleri kullanarak çocuk elementlerine yönelik aramaları filtreleyebilirsiniz.

Aşağıdaki örnek sınıfı "1" olan tüm <p> elementlerini döndürür ve bu elementler <div>un doğrudan çocuklarıdır:

Örnek

$("document").ready(function(){
  $("div").children("p.1");
});

Kişisel olarak deneyin

jQuery find() Yöntemi

find() yöntemi seçilen elementin soy elementlerini döndürür, en son soy elementine kadar aşağı doğru gider.

Aşağıdaki örnek <div> soyunun tüm <span> elementlerini döndürür:

Örnek

$("document").ready(function(){
  $("div").find("span");
});

Kişisel olarak deneyin

Aşağıdaki örnek <div> elementinin tüm soy elementlerini döndürür:

Örnek

$("document").ready(function(){
  $("div").find("*");
});

Kişisel olarak deneyin

jQuery Tarama Kılavuzu

Tüm jQuery tarama yöntemlerini öğrenmek için sitemizi ziyaret edin jQuery Tarama Kılavuzu。