切换组中的单个类

Question

我想点击一个手风琴菜单来切换加/减图标，我现在的代码会改变所有图标，我如何只切换被点击的图标？感谢。

HTML：

<a href="#collapseOne" data-parent="#accordion" data-toggle="collapse"><div class="panel-heading prod-panel-heading">
  <h4 class="panel-title">Compare Prices <b class="prod-ico glyphicon glyphicon-minus-sign"></b></h4>
</div></a>

jQuery：

// toggle product tab icons
$(".prod-panel-heading").live("click", function() {

   $(".prod-ico").toggleClass("glyphicon-minus-sign").toggleClass("glyphicon-plus-sign");  

}); 

Answer 1

试试这个：

$(".prod-panel-heading").on("click", function() {

   $(".prod-ico", this).toggleClass("glyphicon-minus-sign").toggleClass("glyphicon-plus-sign");  

}); 

在类选择器之后添加this将指向属于您添加函数的类的所有类。没有它，你指向整个页面的所有类。