Örnek
Doğrudan çocuklardır unsurları Return <ul> :
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
Sonuç:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Kendin dene " Tanımı ve Kullanımı
children() metodu seçilen elemanın tüm doğrudan çocukları döndürür.
DOM ağacı: Bu yöntem yalnızca DOM ağacının aşağıya doğru tek seviyesini çapraz. (Torun veya diğer kökenini dönmek için) birden fazla seviyede aşağı hareket etmek için, kullanımı find() metodu.
İpucu: belgenin kök elemanına kadar DOM ağacı veya tüm yol tek seviye yukarı çapraz için (to return parents or other ancestors) kullanın parent() veya parents() yöntemi.
Not: Bu yöntem metin düğümleri döndürmez. Kullanmak, metin düğümlerine dahil tüm çocukları dönmek için contents() yöntemi.
Sözdizimi
$( Parametre Açıklama filter İsteğe bağlı. Çocuklar için arama daraltmak için bir seçici ifadesini belirtir
it Yourself deneyin - Örnekler
Tüm direkt çocukları Return <ul>
Nasıl bütün direkt çocukları dönmek için <ul> elemanı.
Daraltabilmeniz
Nasıl tüm dönmek için filtre parametresini kullanmak <li> sınıf adıyla elemanları "first" doğrudan çocuklarıyız, <ul> .
Tüm Dönüş <p> direkt çocuklardır elemanları <div>
Nasıl tümünü seçmek için <p> ebeveynlerinden doğrudan çocuklardır elemanları <div> öğesi.
Etiket adlarıyla bir elementin soyundan göster
Bir torunları kim gösteren bir gösteri <div> elemanı aslında.