jQuery - bascule la classe d'un élément parent?

Question

J'ai quelques éléments de la liste, comme ceci:

<li class="item"> 
    <a class="toggle"><h4>ämne<small>2010-04-17 kl 12:54 by <u>nike1</u></small></h4></a> 
    <div class="meddel"> 
     <span> 
      <img style="max-width: 70%; min-height: 70%;" src="profile-images/nike1.jpg" alt="" /> 
      <a href="account.php?usr=47">nike1</a> 
     </span> 

     <p>text</p> 
     <span style="clear: both; display: block;"></span> 
    </div> 
</li> 

<li class="item odd"> 
    <a class="toggle"><h4>test<small>2010-04-17 kl 15:01 by <u>nike1</u></small></h4></a> 
    <div class="meddel"> 
     <span> 
      <img style="max-width: 70%; min-height: 70%;" src="profile-images/nike1.jpg" alt="" /> 
      <a href="account.php?usr=47">nike1</a> 
     </span> 

     <p>test meddelande :) [a]http://youtube.com[/a]</p> 
     <span style="clear: both; display: block;"></span> 
    </div> 
</li> 

Et je suis en train de comprendre comment faire en sorte que lorsque vous cliquez sur un lien avec le .toggle de classe, l'élément parent (la li element) bascule la classe .current.

Je ne suis pas sûr si le code suivant est correct ou non, mais cela ne fonctionne pas. Même si je supprime "('.item')", cela ne semble pas faire de différence.

Alors, des idées?

Merci à l'avance

Answer 1

toggleClass prend un nom de classe, pas un sélecteur. Par conséquent, vous ne devez pas inclure un ..
Changez-le en toggleClass('current') (sans .).

En outre, vous pouvez rendre votre code plus robuste en appelant closest au lieu de parent. Le closest recherchera l'élément parent le plus profond qui correspond au sélecteur, de sorte qu'il continuera à fonctionner si le lien est imbriqué dans le .item.