更改当前 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

您需要在点击事件处理程序中使用$(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');
});