Exemplo
Retornar elementos 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)
Tente você mesmo " Definição e Uso
O children() método retorna todos os filhos diretos do elemento selecionado.
A árvore DOM: Este método só atravessar um único nível para baixo da árvore DOM. Para percorrer para baixo vários níveis (para retornar netos ou outros descendentes), use o find() método.
Dica: Para percorrer um único nível acima da árvore DOM, ou todo o caminho até o elemento raiz do documento (para retornar pais ou outros antepassados), use o parent() ou parents() método.
Nota: Este método não retorna nós de texto. Para retornar todas as crianças, incluindo os nós de texto, use os contents() de método.
Sintaxe
$(selector).children( filter )| Parâmetro | Descrição |
|---|---|
| filter | Opcional. Especifica uma expressão selector para refinar a busca de crianças |
Tente você mesmo - Exemplos
Retornar todos os filhos diretos de <ul>
Como retornar todos os filhos diretos de um <ul> elemento.
Reduzir a procura
Como usar o parâmetro de filtro para retornar todos <li> elementos com o nome da classe "primeiro", que são filhos diretos de <ul> .
Retornar todos <p> elementos que são filhos diretos de <div>
Como selecionar todos <p> elementos que são filhos diretos de seu pai <div> elemento.
Mostra os descendentes de um elemento por nomes de marcas
Uma demonstração que mostra que os descendentes de um <div> elemento realmente são.