jquery只允许元素中的一组类中的一个?

时间:2015-06-22 22:07:48

标签: javascript jquery css

我有一个元素可以使用jQuery动态添加到其中的一些类。我想确保在给定的时间内我只有一组关于元素的类。

例如,我可以使用.blue_element类定义字体颜色,背景颜色,边框颜色等,我不希望在元素上同时使用.red_element类或。 yellow_element类,但我不介意它与.small_element类或.big_element类同时打开。

目前的方法:

$('#target_element').removeClass('yellow_element').removeClass('red_element').addClass('blue_element')

这样可以正常工作但似乎会产生错误风险,例如:如果我添加.purple_element类但忘记修改我的删除代码。

我这样做的规模比我的例子大,并且可能会频繁地添加和删除类,所以如果我这样做,我会发生一些愚蠢的错误。有没有更有效的方法来做到这一点?

1 个答案:

答案 0 :(得分:0)

而不是使用jQuery使用本机mathod

document.getElementById("target_element").className = 'blue_element';

以上代码将删除所有课程并仅保留/添加' blue_element';