Question

我对jquery很新，我有一堆可折叠的手风琴这个页面，我试图在我点击的一个手风琴标题上上下切换一个glyphicon箭头。箭头正在按计划改变，但所有箭头都在变化，而不仅仅是我点击的箭头。我尝试过类似的答案，但这对我的情况不起作用。我认为我没有正确编码。

<div class="panel-heading menuBack" role="tab" id="headingOne">
  <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
      <h4 class="panel-title">
          Breakfast Burritos <span class="servicedrop glyphicon glyphicon-download"></span>
      </h4>
  </a>
</div>

    $(this).click('shown.bs.collapse', function() {
      $('.servicedrop', this).toggleClass('glyphicon-upload');
    });

Answer 1

你可以将2个类名传递给toggleClass，只要元素上有一个开头就可以在它们之间切换

$(this).find('.servicedrop').toggleClass('glyphicon-upload glyphicon-download');

Answer 2

showdev帮我意识到我的$（this）指的是我的整个文件。一旦我做了以下更改，一切顺利。

AND COUNT(*)<2

使用JQuery切换特定的类

2 个答案: