jQuery类切换问题

debugcn 发表于 Dev

成就

我有一些清单项目。以下是一些方案：

如果我单击任何列表项，它将变为选中状态并添加一个类。
如果我单击另一个列表项，则先前的列表将被取消选择，而新的列表将被选择
如果我单击已被选中的列表项，它将变为未选中状态

这些方案运行良好。但是，当我按“编辑”链接时，会出现问题。我不想在编辑模式下取消选择。在执行编辑操作期间应保持选中状态。

我该如何匹配这三个条件？我在这里做什么错？任何与此有关的帮助都会挽救我的生活。提前致谢。

$("body").on('click', '.list-group-item', function() {  

    if ($(this).hasClass('selected')) {
       $(this).removeClass('selected');
     } else {
      $(".list-group-item").removeClass('selected');
       $(this).addClass('selected');
     }


});

阿布

$("body").on('click', '.list-group-item', function(ev) {    
    var target = ev.target; // Topmost clicked element
    if(!$(target).is(".btn")){ // If click wasn't on a button
        $(this).toggleClass('selected');
        $(this).siblings().removeClass('selected');
    }       
});

小提琴

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。