在點擊相同的li id需要刪除類

Question

我有一個代碼，如果單擊它，它將為＃listview-userlist li添加一個類。

這個正在像應該的那樣工作..

現在，如果再次單擊相同的所選名稱，我希望它刪除添加的class =“ selected”

$('#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示例

首先，從所有li元素中刪除所選的類（單擊的元素除外）。 然后，您只需在您確實單擊的列表項上切換類即可。