chercher dans les suivants [Résolu]

[gianni17]

Bonjour à tous,

je coince sur un problème et je m'enmèle un peu les pinceaux avec les fonction jQuery.

Voici mon code html :

Code :

1
2
3
4
5
6
 
<ul>
<li class="selected"><a>mon li à moi</a></li>
<li class="separate">une séparation</li>
<li><a>li cible</a></li>
</ul>

ce que je veux faire etre simple, ajouter la class "selected" au prochain <li> MAIS qui n'a pas la class separate.

jquery :

Code :

1
2
var sel = $(" ul li.selected"); // obligé de mettre ceci dans mon script
sel.next().not(".separate").addClass("selected"); // ne fonctionne pas, car next recherche dans celui qui suit juste après

Merci

[Bovino]

Code :

sel.nextAll('li').not(".separate")

[SpaceFrog]

oui ou find not ...

[gianni17]

nextAll va prendre tous les suivants,

attention, mon code html n'était qu'un exemple,

je peux très bien avoir :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<ul>
<li><a>autre li</a></li>
<li><a>autre li</a></li>
<li class="selected"><a>mon li à moi</a></li>
<li class="separate">une séparation</li>
<li><a>li cible</a></li>
<li><a>autre li</a></li>
<li><a>autre li</a></li>
<li class="separate">une séparation</li>
<li><a>autre li</a></li>
<li><a>autre li</a></li>
<li><a>autre li</a></li>
</ul>

[Bovino]

Code :

sel.nextAll('li').not(".separate").eq(0);

[skwi6]

Tu veux ajouter la classe "selected" à tous les LI suivants jusqu'à un LI qui a la classe "separate" ou à tous les LI suivant sauf ceux qui ont la class "separate" ?

Code :

sel.nextAll('li:not(li.separate)').addClass("selected");

[Bovino]

Envoyé par skwi6

Tu veux ajouter la classe "selected" à tous les LI suivants jusqu'à un LI qui a la classe "separate" ou à tous les LI suivant sauf ceux qui ont la class "separate" ?

ce que je veux faire etre simple, ajouter la class "selected" au prochain <li> MAIS qui n'a pas la class separate.

[skwi6]

Code :

sel.nextAll('li:not(li.separate):first').addClass("selected");