En son web geliştirme öğreticiler
 

jQuery children() Method

<JQuery Traversing Yöntemleri

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


<JQuery Traversing Yöntemleri