更改当前li类(单击的那个)

Question

我有很多li(list)项目,这是由循环生成的,这要归功于java servlets,现在我想更改当前li(list)的类,它被选中

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

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

Answer 1

您需要使用$(this)而不是$('.doBlokkeer')在click事件处理程序中.正如$('.doBlokkeer')将返回所有具有类元素doBlokkeer,其中作为$(this)代表了jQuery对象,它是事件的源.

现场演示

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

您还可以尝试使用toggleClass在两个类之间切换.

直播Demmo

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