Latest web development tutorials

Metoda jQuery dzieci ()

Metody traversal jQuery Metody traversal jQuery

Przykłady

Powrót <ul> bezpośrednie elementy podrzędne:

$(document).ready(function(){
$("ul").children().css({"color":"red","border":"2px solid red"});
});

wyniki:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)

Spróbuj »

Definicja i Wykorzystanie

Metoda dzieci () zwraca wybrany element wszystkie bezpośrednie elementy podrzędne.

DOM drzewa: Ta metoda jest tylko jeden poziom przechodzić w dół drzewa DOM. Do przechodzenia w dół kilka poziomów (powrót potomków węzłów lub innych zstępnych), użyj find () metody.

Wskazówka: Aby przechodzić przez drzewa DOM góry wzdłuż jednego poziomu, lub przez wszystkie ścieżki, aż do elementu głównego dokumentu wzrostowego (powrót macierzystej lub innego przodka), wykorzystywanie dominującej () lub rodziców () metody.

Uwaga: Ta metoda nie zwraca węzeł tekstowy. Aby przywrócić wszystkie węzły potomne, które zawierają węzły tekstowe, należy użyć zawartość () metody.


gramatyka

$(selector).children( filter )

参数 描述
filter 可选。规定缩小搜索子元素范围的选择器表达式。


Przykłady

Więcej przykładów

Powrót <ul> Wszystkie bezpośrednie elementy potomne
Jak Powrót <ul> element wszystkich bezpośrednich elementów potomnych.

Zawężenie wyszukiwania
Jak używać parametru filtra, aby powrócić <ul> bezpośredni element podrzędny z nazwą klasy "1" dla wszystkich <li> elementy.

Powrót <div> bezpośrednie elementy potomne wszystkich elementów <p>
Jak wybrać <div> Elementy bezpośredni dziecku wszystkich <p> elementów.

Przedstawienie przez potomków nazwy znacznika elementu
Demo <div> potomkami elementu.


Metody traversal jQuery Metody traversal jQuery