Comment sélectionner les 2 (ou plus de 2) éléments suivants en utilisant jQuery .next()?

Question

en utilisant .next fonction de jQuery Je veux afficher les 2 articles suivants. Par défaut, il ne sélectionne que l'élément suivant.

je besoin d'un contrôle, comme parfois ai besoin 2, parfois 3 suivant

Answer 1

Vous pouvez utiliser .nextAll() et un sélecteur :lt(), par exemple:

.nextAll(':lt(2)') //next 2 
.nextAll(':lt(3)') //next 3 

Try it out here. Si vous avez besoin d'être programmatique (au lieu de concaténation de chaîne) et de modifier facilement, utilisez .slice() à la place:

.nextAll().slice(0, 2) //next 2 
.nextAll().slice(0, 3) //next 3 

Cette méthode vous permet de passer comme paramètre le numéro que vous avez besoin d'un peu plus facile. You can test it here.

Answer 2

Utilisez .nextAll au lieu de .next pour obtenir tous les frères et sœurs suivants, puis utilisez .slice pour affiner cette valeur.

Answer 3

Si vous voulez sélectionner le numéro suivant d'éléments et d'inclure l'élément sélectionné, vous pouvez faire quelque chose comme:

$('div#myTarget').nextAll('div').andSelf().slice(0,4) 

Le code ci-dessus renvoie les 4 prochains éléments div après la MyTarget div et comprend le MyTarget div lui-même.

.slice(0,4) sélectionné les prochains 4 éléments et .andSelf() inclus l'élément sélectionné d'origine