jquery removeClass似乎不起作用

时间:2013-07-30 14:44:56

标签: javascript jquery

虽然firstli.hasClass('selected')可以正常工作并检索正确的元素。 removeClass函数似乎没有删除到类。取消选中某个元素时,我希望第一个li也可以取消选中。

以下是jfiddle(代码位于底部)

注意:当您取消选中其他选项之一时,我希望取消选中“全选”。

var firstli = $('.dropdown-menu.inner li').first();
firstli.click(function(event) {   
    if (!firstli.hasClass('selected')) {    
        $('.selectpicker').selectpicker('selectAll');       
    }
    else {
        $('.selectpicker').selectpicker('deselectAll');
    }
    return false;
});

var alllis = $('.dropdown-menu.inner li:not(:first-child)');

alllis.click(function(event) {
    if ($(this).hasClass('selected')) {    
        alert(firstli.hasClass('selected')); //true
        firstli.removeClass('selected');
    }
});

1 个答案:

答案 0 :(得分:2)

问题在于setSelected()重新检查全选选项。为了解决这个问题,我将该功能更改为以下内容:

setSelected: function (c, d) {
    if (d) {
        this.$menu.find("li").eq(c).addClass("selected")
    } else {
        this.$menu.find("li").eq(c).removeClass("selected")
        this.$menu.find("li:first-child").removeClass("selected")
    }
}

基本上,如果必须删除selected类,您就知道它们并未全部检查过。这很有效。

http://jsfiddle.net/eC8hF/30/