javascript - 删除和添加 css 类 onclick

Question

我在配置如何在 onclick 事件上更改 div 中跨度的 css 类时遇到了一些问题。

javascript:

$(document).on('click', '.list_accordion_toggle', function (event) {
            $(this).toggleClass('list_item collapse').next().toggle();
        });

看法：

<div class="list_accordion_toggle" id="letter">
        <span data-bind=" text: Letter"></span>
        <span class="icon-minus-sign"></span>
    </div>

当用户点击 div 时，icon-minus-sign 应该被 icon-plus-sign 替换，并且每次点击都会继续切换。

我使用toggleClass 还是removeClass 然后addClass？

Answer 1

尝试

$(document).on('click', '.list_accordion_toggle', function (event) {
    $(this).toggleClass('list_item collapse').next().toggle();
    $(this).find('.icon-minus-sign, .icon-plus-sign').toggleClass('icon-minus-sign icon-plus-sign')
});

演示：小提琴

Answer 2

尝试这个

    iCount=0;
    $(document).on('click', '.list_accordion_toggle', function (event) {
        if(iCount==0){
        $(this).addClass(icon-minus-sign);
        $(this).removeClass(icon-plus-sign);
        iCount=1;
    }
    else{
        $(this).addClass(icon-plus-sign);
        $(this).removeClass(icon-minus-sign);
        }
    });