jquery - 使用 jquery 切换类

Question

嗨，我想切换开关类，但只能选择一个，类似于无线电输入：

$('.text-selection').on('click', function () {
    $(this).toggleClass('on-off');
});

这是我的小提琴。谢谢。

score 2 · Accepted Answer

只需从当前元素的兄弟姐妹中删除该类：

$('.text-selection').on('click', function () {
    $(this).toggleClass('on-off').siblings().removeClass('on-off');
});

score 2 · Accepted Answer

从所选项目中删除类，然后将类添加到单击的类：

$('.text-selection').on('click', function () {
    $('.on-off').removeClass('on-off');
    $(this).toggleClass('on-off');
});

score 1 · Accepted Answer

单击任何项目时，您需要删除具有该类'on-off'的其他元素的类。'.text-selection'

$('.text-selection').on('click', function () {
    $(this).toggleClass('on-off');
    $('.text-selection').not(this).removeClass('on-off');
});

score 1 · Accepted Answer

您可以在切换它们之前重置已经打开的那些，如下所示：

$('.text-selection').on('click', function () {
    $('.text-selection').removeClass('on-off');
    $(this).toggleClass('on-off');
});

score 1 · Accepted Answer

1

添加$('.point-and-click').removeClass('on-off');为函数中的第一条语句

于 2013-06-17T22:46:41.310 回答

5 回答 5