Latest web development tutorials

jQuery método children ()

métodos de passagem jQuery métodos de passagem jQuery

Exemplos

Voltar <ul> elementos filhos diretos:

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

resultados:

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

tente »

Definição e Uso

crianças () retorna o elemento selecionado todos os elementos filhos diretos.

DOM árvore: Este método é apenas um único nível de percorrer para baixo da árvore DOM. Para atravessar para baixo vários níveis (descendentes de nós ou outros descendentes retorno), use o find () método.

Dica: Para percorrer a árvore DOM para cima ao longo de um único nível, ou através de todos os caminhos até que o elemento raiz do documento para cima (pai de retorno ou outro antepassado), o uso parent () ou pais () método.

Nota: Este método não retorna um nó de texto. Para retornar todos os nós filhos que contêm nós de texto, use o conteúdo () método.


gramática

$(selector).children( filter )

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


Exemplos

mais exemplos

Voltar <ul> Todos os elementos filho imediato
Como devolver elemento <ul> de todos os elementos filhos diretos.

Limite a sua pesquisa
Como usar o parâmetro de filtro para retornar <ul> elemento filho direto com o nome da classe de "1" para todos <li> elementos.

Voltar <div> elementos filhos diretos de todos os elementos <p>
Como selecionar os elementos <div> filho direto de todos os elementos <p>.

Apresentação por descendentes de o nome da marca do elemento
Demonstração <div> descendentes elemento.


métodos de passagem jQuery métodos de passagem jQuery