按类选择并使用jQuery在id上应用样式

时间:2013-09-07 10:35:23

标签: jquery html css

HTML

<div id="buttons">
<div id="answer_1" class="button"> </div>
<div id="answer_2" class="button"> </div>
<div id="answer_3" class="button"> </div>
</div>

我想要的是什么:每次点击一个带有“按钮”类的div时,我想更改ID为“answer_1”的div的背景。 div的id将是动态的并且将改变它们的顺序,我想总是用id“answer_1”修改div的背景。(所以我想在按钮上按类选择并按id应用样式)。

我希望我不会要求太多的代码,因为我是jQuery的新手。谢谢!

1 个答案:

答案 0 :(得分:0)

$(function () {
   $(".button").click(function(){
       $("#answer_1").addClass("active");
   });
});

CSS

.active{
    background:#ccc;
}