如何使用JQ删除CSS类

时间:2015-06-10 05:19:36

标签: jquery css css3 jquery-ui

我想使用按钮ID删除CSS。我尝试了这段代码,但它没有用。有人可以帮我怎么做吗?

<button id="QF_1_Y" class="Class1" value="Y" style="display: inline-block;">YES</button>
<button id="QF_1_N" class="Class2" value="N" style="display: inline-block;">NO</button>
<button id="QF_1_NA" class="Class1 Class3 " value="NA" style="display: inline-block;">NA</button>

代码:

var id1="#QF"+1+"Y";
var id2="#QF"+1+"N";
var id3="#QF"+1+"NA";
$(id1).removeClass('Class1'); 
$(id2).removeClass('Class2');
$(id3).removeClass('Class1 Class3');

提前致谢,

1 个答案:

答案 0 :(得分:6)

你需要添加一个&#34; _&#34;等。

var id1="#QF_"+1+"_Y";
var id2="#QF_"+1+"_N";
var id3="#QF_"+1+"_NA";
$(id1).removeClass('Class1'); 
$(id2).removeClass('Class2');
$(id3).removeClass('Class1 Class3');