Méthode nextUntil

La méthode nextUntil renvoie les éléments qui se trouvent après l'élément donné à l'intérieur du même parent. La méthode renvoie les éléments à partir de l'élément donné jusqu'au premier élément qui correspond au sélecteur spécifié en paramètre de la méthode. Si aucun paramètre n'est passé à la méthode, elle fonctionnera comme la méthode nextAll.

Syntaxe

Le premier paramètre peut être une expression sous forme de chaîne de caractères, sur laquelle la sélection est effectuée, un nœud DOM ou un objet jQuery. Le deuxième paramètre peut être une condition de filtrage supplémentaire sous forme de chaîne de caractères. Les deux paramètres sont facultatifs :

.nextUntil([sélecteur], [filtre]);

Exemple

Trouvons l'élément #test et mettons le texte '!' pour tous ses voisins en dessous jusqu'au paragraphe avec la classe www en utilisant la méthode html :

<p>outside</p>
<div>
	<p>inside</p>
	<p class="www">inside</p>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
	<p class="www">inside</p>
	<p>inside</p>
</div>
<p>outside</p>

$('#test').prevUntil('p.www').html('!');

Le code HTML deviendra alors :

<p>outside</p>
<div>
	<p>inside</p>
	<p class="www">inside</p>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>!</p>
	<p>!</p>
	<p class="www">inside</p>
	<p>inside</p>
</div>
<p>outside</p>

Voir aussi

la méthode prevUntil,
qui renvoie les éléments situés avant l'élément donné
la méthode next,
qui permet d'obtenir le voisin immédiat en dessous de l'élément
la méthode nextAll,
qui renvoie les éléments situés après l'élément donné à l'intérieur du même parent
la méthode siblings,
qui permet d'obtenir les voisins de l'élément à l'intérieur du même parent