Latest web development tutorials

jQuery traversal - ancêtre

père Ancêtres, grand-père ou grand-père, et ainsi de suite.

Par jQuery, vous êtes capable de parcourir l'arborescence DOM pour les éléments ancêtres.

Jusqu'à parcourir l'arborescence DOM

Ces méthodes jQuery sont utiles, ils sont utilisés pour parcourir l'arborescence DOM:

  • parent ()
  • parents ()
  • parentsUntil ()

Procédé mère jQuery ()

méthode parent () renvoie l'élément parent immédiat de l'élément sélectionné.

Cette méthode seulement jusqu'à une paire arbre DOM traversal.

L'exemple suivant renvoie l'élément parent immédiat de chaque élément <span>:

Exemples

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

Essayez »

méthode des parents jQuery ()

les parents () retourne l'ancêtre de tous les éléments de l'élément sélectionné, il est tout le chemin jusqu'à l'élément racine du document (<html>).

L'exemple suivant renvoie tous l'ancêtre de tous élément <span>:

Exemples

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

Essayez »

Vous pouvez également utiliser les paramètres optionnels pour filtrer la recherche d'éléments ancêtres.

L'exemple suivant renvoie tous l'ancêtre de tous élément <span>, et il est l'élément <ul>:

Exemples

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

Essayez »

méthode jQuery parentsUntil ()

parentsUntil () retourne l'ancêtre de tous les éléments entre deux éléments donnés.

L'exemple suivant renvoie l'ancêtre entre tous les éléments <span> et <div> entre:

Exemples

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

Essayez »