javascript - 尝试使用 JS 在单击事件上应用类

Question

我是 JavaScript 的新手，已经使用了关于如何从这里切换类的主要帖子:Change an element's class with JavaScript但出于某种原因，我的代码没有像我期望的那样执行。代码位于 HTML 文件的底部。

<script>
$(document).ready(function () {

$('.arrow').addEventListener('click', function() {
if (this.hasClass('glyphicon-chevron-right')) {
    this.addClass('glyphicon-chevron-left');
    this.removeClass('glyphicon-chevron-right');
    }

if (this.hasClass('glyphicon-chevron-left')) {
    this.addClass('glyphicon-chevron-right');
    this.removeClass('glyphicon-chevron-left');
    }
}, false);

});
</script>

Answer 1

设置点击监听器并使用 .toggleClass() 而不是那些 if 子句:

$('.arrow').on('click', function() {
    $(this).toggleClass('glyphicon-chevron-right');
    $(this).toggleClass('glyphicon-chevron-left');
});

或者更简洁

$('.arrow').on('click', function() {
    $(this).toggleClass('glyphicon-chevron-right glyphicon-chevron-left');
});