javascript - 更改当前 li 类（被点击的那个）

Question

由于java servlet，我有许多由循环生成的li（list）项目，现在我想更改当前选择的li（list）的类

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

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

Answer 1

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

现场演示

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

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

现场演示

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