Syntaxe avec selecteur This

**SPACHFR** · 23/05/2012, 15h26

Bonjour,

Je n'arrive pas à trouver la syntaxe pour écrire un sélecteur jQuery.
En fait j'essaie de changer la class d'un <li> par une autre class via toggleClass()

J'ai réussi à obtenir ce que je souhaitais, mais en utilisant removeClass() et addClass()
Cependant j'aimerai bien connaitre la syntaxe du sélecteur pour utiliser toggleClass().

Ci-dessous le partie du code concernée.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$("#res").find('li[rel="lp"]').each(function(){
	$(this).removeClass("jstree-unchecked");
	$(this).addClass("jstree-checked");
});

Ce que je cherche à faire:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$("#res").find('li[rel="lp"]').each(function(){

	$("le_selecteur_recherché).toggleClass("jstree-checked");
});

comment spécifier la class avec le selecteur this ?

Merci

**SpaceFrog** · 23/05/2012, 15h39

je ne vois pas pourquoi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this)

ne fonctionne pas dans ce cas ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$("#res").find('li[rel="lp"].jstree-unchecked').each(function(){

**SpaceFrog** · 23/05/2012, 15h43

pourquoi le each d'ailleurs ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
 
 
$(function(){
$("#res").find('li.jstree-unchecked').toggleClass("jstree-checked",true);
})
 
 
</script>
 
<style type="text/css">
 .jstree-checked {background-color:red}
 
</style>
</head>
<body>
 
<ul id="res">
 <li> qsdf</li>
  <li class="jstree-unchecked">fsqdf </li>
   <li> qsdf</li>
    <li class="jstree-unchecked">qsdf </li>
</body>
</html>

**SPACHFR** · 23/05/2012, 15h55

Bien vue SpaceFrog

Pas de each et une selection simple comme tu l'as proposé fonctionne.

Cependant juste par curiosité j'aurais bien aimé connaitre la syntaxe avec this plus une class pour un sélecteur.

**SpaceFrog** · 23/05/2012, 16h02

Heu je ne vois pas trop ce que tu veux dire ...
A tout hasard ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).filter(function(){return $(this).hasClass('nomdeclasse')})

**SPACHFR** · 23/05/2012, 16h17

en fait ce serait un truc du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$(this.UneClass).toggleClass('.UneAutreClass');

Mais l'exemple ci-dessus ne fonctionne évidement pas. Je suppose qu'il est possible de spécifier ce sélecteur mais j'ai pas trouvé la syntaxe.

Syntaxe avec selecteur This

jQuery

Vue hybride

Discussions similaires

Partager

Partager