0

我在更改折叠元素的类时遇到问题，但是使用我的代码，它正在更改每个元素的类。

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

如何仅更改相应元素的类？

4

3 回答 3

3

您的选择器$('.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');
});
于 2013-09-19T06:48:27.497 回答
1

尝试这个 ：

 $(this).find('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');
于 2013-09-19T06:51:58.327 回答
0

使用 find 函数在“面板标题”类中获取 dom 元素

 $(this).find('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');
于 2013-09-19T06:58:50.823 回答