Syntaxe avec selecteur This

Version imprimable

23/05/2012, 15h26
SPACHFR

Syntaxe avec selecteur This
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:

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:

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
23/05/2012, 15h39
SpaceFrog
je ne vois pas pourquoi

Code:

$(this)

ne fonctionne pas dans ce cas ...
Code:

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

pourquoi le each d'ailleurs ?

Code:

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>

23/05/2012, 15h55
SPACHFR

Bien vue SpaceFrog :ccool:
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.
23/05/2012, 16h02
SpaceFrog

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

Code:

$(this).filter(function(){return $(this).hasClass('nomdeclasse')})
23/05/2012, 16h17
SPACHFR
en fait ce serait un truc du genre:
Code:

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.

Comme ça ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<script type="text/javascript">
 
 
$(function(){
$("#swap").click(function(){
   $(".jstreeunchecked").toggleClass("jsc",function(){return $(this).hasClass('jsc')});
   $(".jstreechecked").toggleClass("jsu",function(){return $(this).hasClass('jsu')});
   })
})
 
 
</script>
 
<style type="text/css">
 
 .jstreechecked {background-color:red }
  .jstreeunchecked {background-color:green}
 
 .jsc {background-color:red  }
  .jsu {background-color:green }
 
 
</style>
</head>
<body>
 
<ul id="res">
 <li class="jstreechecked"> qsdf</li>
 <li class="jstreeunchecked">fsqdf </li>
 <li class="jstreechecked"> qsdf</li>
 <li class="jstreeunchecked">qsdf </li>
</ul>
<input id="swap" type="button" value="swap" />
</body>