jQuery在切换时更改类

Question

我在更改崩溃元素的类时遇到了问题但是我的代码更改了每个元素的类。

$('.panel-heading').click(function(){
    $(this).next('.panel-body').slideToggle('fast');
    $('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');
});

如何仅针对相应元素更改类？

Answer 1

您的选择器$('.panel-handle')定位页面中的所有.panel-handle元素，而您需要找到与所点击的.panel-handle元素相关的.panel-heading

我假设.panel-handle元素是.panel-heading元素的子元素，然后

$('.panel-heading').click(function(){
    $(this).next('.panel-body').slideToggle('fast');
    $(this).find('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');
});

Answer 2

试试这个：

 $(this).find('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');

Answer 3

使用find函数在“panel-heading”类中获取dom元素

 $(this).find('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');