从列表项添加/删除类

Question

我有一些用PHP循环显示的列表项.我想在单击的列表项中添加一个类,然后从该项中删除类并将其添加到单击的下一个项目或在其他任何位置单击.

我试过了:

$j('.list_item').on("click", function() {

        $j(this).addClass("active_card");

    }).on("blur", function() {

        $j(this).removeClass("active_card");

});

它会添加该类,但在单击其他项目时不会将其删除.

HTML:对不起,这些不是前面提到的列表项,但仍然显示在php循环中.

<div id="item_list_wrapper">
<div class="list_item">...</div>
<div class="list_item">...</div>
<div class="list_item">...</div>
<div class="list_item">...</div>
</div>

Answer 1

根据点击的内容,它不会绘制焦点,也不会触发模糊事件.你最好使用类选择器来获取项目.

$j('.item_list').on('click', function () {
    $j('.active_card').removeClass('active_card');
    $j(this).addClass('active_card');
});