jQuery使用$(this)选择器更改Clicked按钮的值

Question

我正在尝试在单击按钮时更新按钮的文本.我有许多具有相同类但没有id的按钮.为什么这不起作用？

<input type="button" class="add-button" value="Default" />
<input type="button" class="add-button" value="Default" />
<input type="button" class="add-button" value="Default" />
<input type="button" class="add-button" value="Default" />

$(document).ready(function() {
    $('.add-button').click(function() {
        alert('clicked');
        $(this).html('Changed');
    });
});?

警报已触发,但按钮未更改.

Answer 1

使用this.value了input.见下文,

$(document).ready(function() {
    $('.add-button').click(function() {
        alert('clicked');
        this.value = 'Changed';
    });
});?

演示: http ://jsfiddle.net/qU5tR/10/