Переключить выбранный elemens класса

Question

У меня есть динамически загруженная таблица со следующим ТРОМ:

 <tr> 
      <td><span class="active">Task Name</span><br /><span class="icons_small">U</span><span class="contact_name tiny">Contact Name</span><span class="user_number tiny">(111111)</span><span class="icons_small" style="visibility:hidden;">!</span></td> 
      <td><span class="date_assigned">13/12/2012</span><br /> <div id="progressbar"></div></td> 
      <td class="icons_small"><span class="flag_task">f</span></td> 
      <td class="icons_small"><span class="set_reminder">A</span></td> 
      <td><span class="warning tiny" style="visibility:hidden;">Delete</span></td> 
     </tr> 

Im пытается установить тд с spanclass «flag_task» (третий тд вниз), чтобы toggleclass нанося дополнительно класса, но только . от выбранного тд с spanclass «flag_task, не все экземпляры этого класса Это то, что им в настоящее время с помощью:.

  <script> 
       $(document).ajaxSuccess(function() { 
        $(".flag_task").click(function() { 
         $(".flag_task").toggleClass("warning"); 
        });  
       }); 
      </script> 

Может кто-то разъяснить, каким образом осуществить только выбранный экземпляр

Спасибо, Марк

Answer 1

В этом разделе кода, вы говорите, «захватить все элементы с классом flag_task» вместо просто «захватить щелкнул элемент.»

$(".flag_task").click(function() { 
    $(".flag_task").toggleClass("warning"); 
});  

Итак, исправить эту проблему, вам просто нужно выбрать элемент, на который был нажат.

Эта линия:

$(".flag_task").toggleClass("warning"); 

Может быть изменено на:

$(this).toggleClass("warning"); 

Заканчивать Understanding the "this" keyword