目前我有一个 Accordion 菜单,每次点击 .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');
});
关于javascript - 将添加/删除类隔离到单击的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30381915/