Método jQuery children()
❮ Métodos de travessia do jQuery
Exemplo
Elementos de retorno que são filhos diretos de <ul>:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
Resultado:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Definição e uso
O método children() retorna todos os filhos diretos do elemento selecionado.
A árvore DOM: Este método percorre apenas um único nível abaixo da árvore DOM. Para percorrer vários níveis (para retornar netos ou outros descendentes), use o método find() .
Dica: Para percorrer um único nível na árvore DOM, ou até o elemento raiz do documento (para retornar pais ou outros ancestrais), use o método parent() ou parent( ) .
Nota: Este método não retorna nós de texto. Para retornar todos os filhos, incluindo nós de texto, use o método contents() .
Sintaxe
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
Experimente você mesmo - Exemplos
Como retornar todos os filhos diretos de um elemento <ul>.
Como usar o parâmetro filter para retornar todos os elementos <li> com o nome da classe "first", que são filhos diretos de <ul>.
Como selecionar todos os elementos <p> que são filhos diretos de seu elemento pai <div>.
Uma demonstração que mostra quem são os descendentes de um elemento <div>.
❮ Métodos de travessia do jQuery