toggleClass不删除第一个类

Question

我有以下html:

<div class="profileRowHeader">
    <i class="glyphicon glyphicon-folder-close" id="folderIcon"></i>
</div>

当.profileRowHeader被点击我要删除类glyphicon-folder-close,并添加类glyphicon-folder-open到#folderIcon

这就是我正在尝试的:

$('.profileRowHeader').click(function() {
    $(this).find("#folderIcon").toggleClass('glyphicon-folder-open','glyphicon-folder-close');
});

但它所做的只是添加glyphicon-folder-open类而不是删除glyphicon-folder-close类,如下所示:

<i class="glyphicon glyphicon-folder-close glyphicon-folder-open" id="folderIcon"></i>

这是预期的行为吗？如果可能的话我真的需要删除它

Answer 1

列出要在一个空格分隔的字符串中切换的类:

$(this).find("#folderIcon").toggleClass('glyphicon-folder-open glyphicon-folder-close');
// Change is here --------------------------------------------^

第二个(可选)参数toggleClass不是另一个要切换的类,它是一个标志:如果它是真实的,那么toggleClass行为就像addClass.如果它是假的,toggleClass就像是removeClass.如果它丢失了,则toggleClass 切换类(如果存在则删除它们,如果不存在则添加它们,逐个类别).