将添加/删除类隔离到所单击的项

Isolating add/remove class to clicked item

本文关键字：单击 隔离 添加 删除      更新时间：2023-09-26

目前我有一个手风琴菜单，每次点击.responsive-accordion-head，我告诉它切换类如下:

$('.responsive-accordion-head').click(function () {
    if ( $( '.responsive-accordion-head i' ).hasClass( "plus-2" ) ) {
        $('.responsive-accordion-head i').removeClass("plus-2");
        $('.responsive-accordion-head i').addClass("minus-2");
    } else {
        $('.responsive-accordion-head i').removeClass("minus-2");
        $('.responsive-accordion-head i').addClass("plus-2");
    }
});

我的问题是上面的代码改变了所有.responsive-accordion-head元素的类。我需要它是特定的点击项目仅。我该怎么做呢?

这一切都可以简化为:

$('.responsive-accordion-head').click(function () {
    $(this).find('i').toggleClass('plus-2 minus-2');
});
相关文章：