jquery - 如何在 jQuery 中更改按钮的文本？

Question

如何在 jQuery 中更改按钮的文本值？目前，我的按钮的文本值为“添加”，单击后我希望它更改为“保存”。我在下面尝试过这种方法，但到目前为止没有成功:

$("#btnAddProfile").attr('value', 'Save');

Answer 1

取决于你使用的是什么类型的按钮

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").attr('value', 'Save'); //versions older than 1.6

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").prop('value', 'Save'); //versions newer than 1.6

<!-- Different button types-->

<button id='btnAddProfile' type='button'>Add</button>
$("#btnAddProfile").html('Save');

您的按钮也可以是一个链接。您需要发布一些 HTML 以获得更具体的答案。

编辑:当然，假设您已将其包装在 .click() 调用中，这些将起作用

EDIT 2:较新的 jQuery 版本(> 1.6)使用 .prop 而不是 .attr

编辑 3:如果您使用的是 jQuery UI，则需要使用 DaveUK 的调整文本属性的方法(below)