Home About blog
Search


jQuery.next()

Liste des paramètres acceptés :

next(expression)

Retourne une liste d'élements contenant l'élement suivant pour chaque élement du groupe.

Paramètres:

  • expression (String): (optionnel) expression pour filtrer les éléments suivants

Cette methode renvoie: objet jQuery

Prenons l'exemple suivant:

Recherche l'élement qui suit immédiatement chaque paragraphe.

$("p").next()

Testons sur le script suivant:

<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>

On obtiendra :

[ <p>Hello Again</p>, <div><span>And Again</span></div> ]

Prenons l'exemple suivant:

Recherche l'élement qui suit immédiatement chaque paragraphe, et qui a la classe "selected".

$("p").next(".selected")

Testons sur le script suivant:

<p>Hello</p><p class="selected">Hello Again</p><div><span>And Again</span></div>

On obtiendra :

[ <p class="selected">Hello Again</p> ]

 


Envie de vous exprimer ?

Nom / Pseudo (*)
Email (*)
Site Web
Commentaire (*)
 

Il ont osé le dire ...

 
Gravatar de Abysskan  
jarodxx

# 46 - Le mercredi 06 mai à 17h 07min 02s par Abysskan

Bonjour, Juste pour ajouter que les méthodes de parcours peuvent être enchainés pour cibler un élément html (ça mérite peut etre plus qu un commentaire d ailleurs). $("p").next(".selected").next("div") Idem avec les méthodes children, parent, et prev (peut etre d autres encore ?), qui peuvent être combinées d'ailleurs. Bonne journée et merci pour cette doc en français Jarodxxx !!

 
Gravatar de cowboyzed  
jarodxx

# 63 - Le lundi 29 juin à 16h 27min 21s par cowboyzed

J'ai le code: <img class="parent" src="hide.png" /> <a class="parent" href="">Parent</a><br /> <div id="content"> <a class="child1" href="">Child1</a><br /> </div> et avec $(".parent").click(function(){ $(this).next("div").prev("img.parent").attr("src", "show.png"); $(this).next("div").hide("slow"); }); je veux changer l'image et cacher le premier div qui suit l'élément cliqué. Mais ca veut pas marcher. J'ai essayé siblings() à la place du next() et prev() et ca a resolu un peu le problème mais avec le malheur d'agir sur tous les divs du structure: tous les divs sont cachés, au lieu de seulement celui qui suit le .parent "cliqué".

Ajoutez le moteur de recherche jquery a Firefox

2009-02-25 11:48:44

Nouvelles fonctions dans le manuel
Et paf ca tombe comme s'il en pleuvait , les nouvelles fonctions jquert  apport ...

2009-02-05 17:03:07

Insertion des commentaires
Et voila , comme promis les commentaires sont ouverts a tous (et a toutes ;) P ...

Bookmark This Page Envie de nous soutenir ?
jquery documentation francaise