Latest web development tutorials

jQuery travessia - ancestral

pai antepassados, avô ou bisavô, e assim por diante.

Por jQuery, você é capaz de percorrer até a árvore DOM para elementos ancestrais.

Até percorrer a árvore DOM

Estes métodos jQuery são úteis, eles são usados ​​para percorrer a árvore DOM:

  • parent ()
  • pais ()
  • parentsUntil ()

jQuery método parent ()

parent () retorna o elemento pai imediato do elemento selecionado.

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

O exemplo a seguir retorna elemento pai imediato cada elemento <span> de:

Exemplos

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

tente »

pais jQuery () Método

pais () retorna o ancestral de todos os elementos do elemento selecionado, é todo o caminho até o elemento raiz do documento (<html>).

O exemplo a seguir retorna todo o ancestral de toda a <span> elemento:

Exemplos

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

tente »

Você também pode usar os parâmetros opcionais para filtrar a busca por elementos ancestrais.

O exemplo a seguir retorna todo o ancestral de toda a <span> elemento, e é o elemento <ul>:

Exemplos

$(document).ready(function(){
$("span").parents("ul");
});

tente »

jQuery parentsUntil () Método

parentsUntil () retorna o ancestral de todos os elementos entre dois elementos dados.

O exemplo a seguir retorna o ancestral entre todos os elementos <span> e elemento <div> entre:

Exemplos

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

tente »