[英]Isolating add/remove class to clicked item
Currently I have a accordion menu, each time .responsive-accordion-head
is clicked I'm telling it to switch classes as follows: 当前,我有一个手风琴菜单,每次单击
.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");
}
});
The problem I have is that the code above changes the classes for all .responsive-accordion-head
elements. 我的问题是上面的代码更改了所有
.responsive-accordion-head
元素的类。 I need it to be specific to the clicked item only. 我需要它仅针对单击的项目。 How do I do this?
我该怎么做呢?
All that can probably be simplified to this: 所有这些都可以简化为:
$('.responsive-accordion-head').click(function () {
$(this).find('i').toggleClass('plus-2 minus-2');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.