点击相同的li id需要删除类

Question

我有一个代码，如果单击它，就会向＃listview-userlist li添加一个类。

这个工作就像应该是..

现在我希望它删除添加的类=＆＃34;已选择＆＃34;如果再次点击相同的选定名称

$('#listview-userlist').on('click','li',function(evt){
    $('#listview-userlist li').removeClass('selected');
    $(this).addClass('selected');
}); 

Answer 1

尝试：

$('#listview-userlist').on('click', 'li', function (evt) {
    $('#listview-userlist li').not(this).removeClass('selected');
    $(this).toggleClass('selected');
});

<强> jsFiddle example

首先从所有li元素中删除所选的类，但单击的元素除外。然后，您只需在您单击的列表项上切换类。