为什么我的自举式手风琴图标在展开/折叠时没有变化？

Question

我有一个自举式手风琴，我希望图标在展开或折叠时可以更改。

我的JS代码是这样的：

<script>
$('.collapse').on('show', function(){
    $(this).parent().find(".icon myicons-down").removeClass("myicons-down").addClass("myicons-up");
}).on('hide', function(){
    $(this).parent().find(".icon myicons-up").removeClass("myicons-up").addClass("myicons-down");
});
</script>

和HTML一样：

<span class="icon myicons-down"></span><a data-toggle="collapse" data-target="#132" class="accordion-toggle">#132</a>

请注意，我在同一页面上有多个展开/折叠。 但是无论我做什么，都不会更改图标...

Answer 1

你忘了加点。 在myicons-down类名之前

$(this).parent().find(".icon .myicons-down").removeClass("myicons-down").addClass("myicons-up");

Answer 2

这行：

$(this).parent().find(".icon myicons-down").removeClass("myicons-down").addClass("myicons-up");

要寻找一class的.myicons-down （它没有一个.所以现在它不是寻找什么）的内部.icon但它看起来像你的HTML设置应该试图找到.icon一类的.myicons-down 。 更改为：

$(this).parent().find(".icon.myicons-down").removeClass("myicons-down").addClass("myicons-up");

还有$(this)指的是什么？ HTML中的.collapse在哪里？