javascript - jQuery 使用 $(this) 选择器更改单击按钮的值

Question

我正在尝试在单击按钮时更新按钮的文本。我有许多具有相同类别但没有 ID 的按钮。为什么不this工作？

<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/