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/

jQuery在动态分配的类上切换类

1 个答案: