jQuery Atravessando

❮ Anterior Próxima Capítulo ❯

Um descendente é uma criança, neto, bisneto, e assim por diante.

Com jQuery você pode atravessar para baixo da árvore DOM para encontrar descendentes de um elemento.

Atravessando para baixo da árvore DOM

Dois métodos jQuery úteis para atravessar para baixo da árvore DOM são:

children()
find()

jQuery children() Método

O children() método retorna todos os filhos diretos do elemento selecionado.

Este método só atravessar um único nível para baixo da árvore DOM.

O exemplo a seguir retorna todos os elementos que são filhos diretos de cada <div> elementos:

Exemplo

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

Tente você mesmo "

Você também pode usar um parâmetro opcional para filtrar a busca de crianças.

O exemplo a seguir retorna todos os <p> elementos com o nome da classe "first" , que são filhos diretos de <div> :

Exemplo

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

Tente você mesmo "

jQuery find() Método

Os find() método retorna elementos descendentes do elemento selecionado, todo o caminho até o último descendente.

O exemplo a seguir retorna todas as <span> elementos que são descendentes de <div> :

Exemplo

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

Tente você mesmo "

O exemplo a seguir retorna todos os descendentes de <div> :

Exemplo

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

Tente você mesmo "

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»