Latest web development tutorials

jQuery travessia - prole

Descendente é uma criança, neto, bisnetos e assim por diante.

Por jQuery, você atravessar para baixo da árvore DOM para encontrar os elementos descendentes.


Percorrer a árvore DOM para baixo

Aqui estão dois para percorrer a árvore DOM estabelece métodos jQuery:

  • crianças ()
  • find ()

jQuery método children ()

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

Este método só para baixo um par passagem de árvore DOM.

O exemplo a seguir retorna cada elemento <div> de todos os elementos filhos diretos:

Exemplos

$(document).ready(function(){
$("div").children();
});

tente »

Você também pode usar o parâmetro opcional para filtrar a pesquisa para os sub-elementos.

O exemplo a seguir retorna o nome da classe "1" em todos os elementos <p>, e eles são <div> elementos filhos diretos:

Exemplos

$(document).ready(function(){
$("div").children("p.1");
});

tente »


jQuery find () Método

find () retorna os elementos elemento descendentes selecionados, todo o caminho até o último descendente.

O exemplo a seguir retorna pertencem <div> todas <span> descendentes elementos:

Exemplos

$(document).ready(function(){
$("div").find("span");
});

tente »

O exemplo a seguir retorna <div> todas as gerações:

Exemplos

$(document).ready(function(){
$("div").find("*");
});

tente »