Maison  >  Article  >  interface Web  >  jQuery traversal next(), nextAll() exemples d'utilisation de la méthode_jquery

jQuery traversal next(), nextAll() exemples d'utilisation de la méthode_jquery

WBOY
WBOYoriginal
2016-05-16 16:32:041561parcourir

Jquery traversal : méthodes next() et nextAll(). Les exemples sont les suivants :

Copier le code Le code est le suivant :








Bonjour, Beauté

bonjour, le monde

Beauté, donne-moi un baiser

Je suis p tag


Je suis beau, j'ai des photos et la vérité

Je suis aussi un p tag



Description :

(1) méthode next() : fait référence à l'obtention des éléments frères adjacents de l'élément correspondant (c'est-à-dire l'élément frère suivant). Notez que les éléments frères et sœurs ne sont pas des éléments avec la même étiquette, mais font référence au frère suivant fermé. élément de l'élément. Un élément, tel que "

Beauté, donne-moi un baiser
" dans l'exemple, l'élément suivant après la fermeture du div est

.

(2) Si next() ajoute un paramètre, c'est-à-dire next("div"), si l'élément adjacent suivant n'est pas un div, il sera vide, c'est-à-dire qu'il doit être adjacent.

(3) Méthode nextAll() : fait référence à l'obtention de tous les éléments frères après l'élément correspondant. Il peut également ajouter des paramètres, nextAll("p") ou nextAll("div"), etc.

(4) Ce qui est étrange c'est que si c'est ce code :

Copier le code Le code est le suivant :

$("div").click(function(){alert($(this).nextAll("div").html());});

Il n'obtient pas tout le contenu html, mais seulement le contenu html de l'élément frère suivant. ? ? ? Le doute

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn