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')
    }
});

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

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

Answer 1

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

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

工作示例（对您的 HTML 进行调整）：http: //jsfiddle.net/jfriend00/9tV33/