jQuery Children() Yöntemi
Örnek
<ul> öğesinin doğrudan çocukları olan öğeleri döndür:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
Sonuç:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Tanım ve Kullanım
Children() yöntemi, seçilen öğenin tüm doğrudan alt öğelerini döndürür.
DOM ağacı: Bu yöntem, DOM ağacında yalnızca tek bir düzey aşağı iner. Birden çok düzeyde aşağı doğru geçiş yapmak (torunları veya diğer torunları döndürmek için) find() yöntemini kullanın.
İpucu: DOM ağacında tek bir düzey yukarı veya belgenin kök öğesine kadar (ebeveynleri veya diğer ataları döndürmek için) tüm yolu geçmek için parent() veya parent( ) yöntemini kullanın.
Not: Bu yöntem metin düğümlerini döndürmez. Metin düğümleri dahil tüm alt öğeleri döndürmek için content() yöntemini kullanın.
Sözdizimi
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
Kendiniz Deneyin - Örnekler
ul> öğesinin tüm doğrudan alt öğelerini döndürme Bir <ul> öğesinin tüm doğrudan alt öğelerini döndürme.
<ul> öğesinin doğrudan çocukları olan "first" sınıf adına sahip tüm <li> öğelerini döndürmek için filtre parametresi nasıl kullanılır.
div> öğesinin doğrudan çocukları olan tüm <p> öğelerini döndür Üstleri <div> öğesinin doğrudan çocukları olan tüm <p> öğeleri nasıl seçilir.
Bir <div> öğesinin alt öğelerinin gerçekte kim olduğunu gösteren bir gösterim.