如果div hasClass,则为jQuery toggleClass

时间:2014-03-14 12:27:50

标签: jquery addclass removeclass toggleclass

我正在尝试在页面上的滑块上切换.active类以创建一些分页。

我目前正在使用:

jQuery(window).load(function(){
    if (jQuery('#image1').hasClass('crsl-active')){
        jQuery(".pager1").toggleClass("active");
    }
});

当我的滑块转到第二个div时,.crsl-active类转到下一个div,但.pager1上的.active类不会被删除。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

首先删除所有“有效”,然后应用您的规则:

$('.active').each(function(){
   $(this).removeClass('active');
});

    if (jQuery('#image1').hasClass('crsl-active')){
        jQuery(".pager1").toggleClass("active");
    }

第一条规则可以写成:

$('.active').removeClass('active');

但我个人并不喜欢太多。