[
]
{
>
}
{

NOUS LES DEVS

.next()

Recherche l'élément suivant en jQuery

Niveau : débutant(e)
</> </> </>

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 -

NOUS LES DEVS

Vous aimez ce que je fais ? Vous voulez que j'en fasse plus ? dans le développement du blog.