Latest web development tutorials

jQuery traversal - (frères et sœurs des compatriotes)

Compatriotes ont le même élément parent.

Par jQuery, vous êtes en mesure de traverser les compatriotes de l'élément dans l'arborescence DOM.


Niveau dans la traversée de l'arbre DOM

Il y a beaucoup de moyens utiles pour nous obtenir le niveau DOM arbre traversal:

  • frères et sœurs ()
  • next ()
  • nextAll ()
  • nextUntil ()
  • prev ()
  • prevAll ()
  • prevUntil ()

méthode jQuery Les frères et sœurs ()

méthode frères et sœurs () renvoie l'élément sélectionné tous les éléments de compatriotes.

L'exemple suivant renvoie les <h2> élément tous les compatriotes:

Exemples

$(document).ready(function(){
$("h2").siblings();
});

Essayez »

Vous pouvez également utiliser les paramètres optionnels pour filtrer la recherche d'élément de compatriotes.

L'exemple suivant renvoie appartiennent à élément <h2> tous les compatriotes élément <p>:

Exemples

$(document).ready(function(){
$("h2").siblings("p");
});

Essayez »


méthode jQuery next ()

méthode suivante () renvoie l'élément sélectionné pour les prochains compatriotes d'éléments.

Cette méthode retourne un seul élément.

L'exemple suivant renvoie l'élément <h2> prochain compatriotes:

Exemples

$(document).ready(function(){
$("h2").next();
});

Essayez »


méthode jQuery nextAll ()

méthode nextAll () renvoie tous les éléments suivent fellow de l'élément sélectionné.

L'exemple suivant renvoie l'élément <h2> tous les compatriotes à suivre:

Exemples

$(document).ready(function(){
$("h2").nextAll();
});

Essayez »


méthode jQuery nextUntil ()

méthode nextUntil () retourne entre tous les éléments des deux compatriotes à suivre les paramètres donnés.

L'exemple suivant retourne entre <h2> et <h6> élément tous les compatriotes entre les éléments:

Exemples

$(document).ready(function(){
$("h2").nextUntil("h6");
});

Essayez »


jQuery prev (), prevAll () & prevUntil () Méthode

prev de travail (), prevAll () et prevUntil () méthode est similaire à la méthode ci-dessus, mais seulement dans le sens opposé: ils reviennent en face d'éléments compatriote (dans la traversée de l'arbre DOM vers l'arrière le long élément de compatriotes à la place avant).