用jquery切换一个类

Question

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

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

这是我的fiddle。感谢。

Answer 1

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

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

演示：http://jsfiddle.net/MFQc9/4/

Answer 2

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

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

JSFiddle

Answer 3

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

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

<强> Check Demo

Answer 4

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

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

Answer 5

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