javascript - 动态分配类上的 jQuery 切换类

Question

我试图在单个按钮上切换一个类，该类将根据状态动态分配。这是我的代码:

$('body').on('click', '.button', function () {
    var $itm = $(this).children(".icon");
    if ($itm.hasClass('hide')) {
        $itm.toggleClass('unhide', 'hide')
    } else {
        $itm.toggleClass('hide', 'unhide')
    }
});

我想要实现的是:如果按钮具有 .hide 类，则 onclick 会将此类切换为 .unhide，反之亦然。

到目前为止，类切换唯一有效的时间是在第二次点击时。第一次点击不会改变任何东西。

Answer 1

.toggleClass 接受一个或多个由空格分隔的类名，如下所示:

$('body').on('click', '.button', function () {
    $(this).children(".icon").toggleClass("hide unhide");
});

工作示例(对您的 HTML 进行了调整):http://jsfiddle.net/jfriend00/9tV33/