javascript - 更改当前按钮元素的类

Question

我的HTML

<div onclick="change()" class="button">ELEMENT 1</div>
<div onclick="change()" class="button">ELEMENT 2</div>
<div onclick="change()" class="button">ELEMENT 3</div>

我的CSS

.button {
background-color: #fff;
color:#000;
}

.buttonactive {
background-color: #000;
color:#fff;
}

我的 jQuery

function change() {
      $(this).addClass("buttonactive");
}

我想将当前按钮更改为类 buttonactive...

Answer 1

将按钮更改为(删除内联事件处理程序):

<div class="button">ELEMENT 2</div>

和 jQuery 到:

$('div.button').click(function(){
    $(this).addClass("buttonactive");
})

jsFiddle example