Question

我试图这样做，以便当单击一个按钮时，会给它一个类，当它再次单击时，该类将被删除。

有人可以帮忙吗？

    $("body").on("click", ".AudioShowHidePlaylist", function(event){
        $('.AudioShowHidePlaylist').addClass('active');
    });

Answer 1

只需toggleClass：

$("body").on("click", ".AudioShowHidePlaylist", function(event){
    $('.AudioShowHidePlaylist').toggleClass('active');
    // Or as @Felix commented below:
    $(this).toggleClass('active');
});

文档：

描述：根据类的存在或switch参数的值，从匹配元素集中的每个元素添加或删除一个或多个类。

Answer 2

$('#foo').toggleClass(className, addOrRemove);

相当于：

if (addOrRemove) {
   $('#foo').addClass(className);
 }
 else {
   $('#foo').removeClass(className);
}

更新：Read full article at http://api.jquery.com/toggleClass/

Please click here to read more about toggle function

单击jQuery并再次单击

2 个答案: