我有一个元素可以使用jQuery动态添加到其中的一些类。我想确保在给定的时间内我只有一组关于元素的类。
例如,我可以使用.blue_element类定义字体颜色,背景颜色,边框颜色等,我不希望在元素上同时使用.red_element类或。 yellow_element类,但我不介意它与.small_element类或.big_element类同时打开。
目前的方法:
$('#target_element').removeClass('yellow_element').removeClass('red_element').addClass('blue_element')
这样可以正常工作但似乎会产生错误风险,例如:如果我添加.purple_element类但忘记修改我的删除代码。
我这样做的规模比我的例子大,并且可能会频繁地添加和删除类,所以如果我这样做,我会发生一些愚蠢的错误。有没有更有效的方法来做到这一点?
答案 0 :(得分:0)
而不是使用jQuery使用本机mathod
document.getElementById("target_element").className = 'blue_element';
以上代码将删除所有课程并仅保留/添加' blue_element';