jQuery - переключить класс родительского элемента?

Question

У меня есть несколько элементов списка, например:

<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> 

И я пытаюсь выяснить, как сделать так, чтобы при нажатии на ссылку с классом .toggle, родительский элемент (литиево элемент) будет переключать класс .current.

Я не уверен, правилен ли следующий код или нет, но он не работает.

$(this).parent('.item').toggleClass('.current', addOrRemove); 

Даже если я удалю "('.item')", это, похоже, не имеет никакого значения.

Итак, любые идеи?

Заранее спасибо

Answer 1

toggleClass принимает имя класса, а не селектор. Поэтому вы не должны включать ..
Изменить его на toggleClass('current') (без .).

Кроме того, вы можете сделать код более надежным, позвонив по телефону closest вместо parent. closest будет искать самый внутренний родительский элемент, который соответствует селектору, чтобы он продолжал работать, если ссылка вложена внутри .item.