.next()

Recherche l'élément suivant en jQuery

Au suivant !

Bon je vais pas faire un roman… next() est une fonction de jQuery qui permet de récupérer l’élément suivant, c’est aussi simple que ça. Elle peut prendre un paramètre qui est en fait un sélecteur. Si l’élément suivant correspond à ce sélecteur, alors la fonction renvoit un objet ou une collection d’objets jQuery.

<div class="wrapper">
	<h1>Les supers hero</h1>
	<p>Hulk, Thor, Spiderman, Iron man, Chuck</p>
	<span>...</span>
</div>
<span>Fin de l'histoire</span>
console.log( $(".wrapper").next() );
//retourne l'objet jQuery span

console.log( $("h1").next() );
//retourne l'objet jQuery p

console.log( $("h1").next("p") );
//retourne l'objet jQuery p

console.log( $("h1").next("span") );
//retourne un objet vide

C’est une fonction qui peut être très pratique si tu fais beaucoup de jQuery et que tu manipules beaucoup le DOM.

01/06/2015

Yann Vangampelaere - nouslesdevs -

Sinon jete un coup d’oeil aux autres catégories

Ma boîte aux lettres

Tu veux me demander quelque chose ?