更改当前li类（单击的那个）

Question

我有很多li（list）项目，这些项目是由循环生成的，现在归功于java servlets 我想更改当前选择的li（列表）的类

      $('li.doBlokkeer').click(function(e) {
    $('.doBlokkeer').addClass('doDEBlokkeer').removeClass('doBlokkeer');
      });

因此，如果选择了当前的li，则需要更改其类（它需要具有doDEBlokkeer）。 上面的代码工作..但它改变了我的所有项目...所以你们知道如何更改当前项目的类$（这个）？我没有jquery技能，请帮助我。谢谢！

Answer 1

您需要在Click事件处理程序中使用$(this)而不是$('.doBlokkeer')。由于$('.doBlokkeer')将返回具有类doBlokkeer的所有元素，其中$(this)表示作为事件源的jQuery对象。

<强> Live Demo

$('li.doBlokkeer').click(function(e) {
   $(this).addClass('doDEBlokkeer').removeClass('doBlokkeer');
});

您也可以尝试使用toggleClass在两个班级之间切换。

<强> Live Demmo

$('li.doBlokkeer').click(function(e) {        
   $(this).toggleClass('doDEBlokkeer');
});