使用jQuery在按钮值为特定内容时修改按钮文本

要实现你的需求，你可以通过input按钮的value属性精准定位目标元素——这是你唯一能确定的固定特征。以下是可行的代码：

$(function() {
  // 定位所有type为button且值为"Add"的input元素，修改显示文本
  $("input[type='button'][value='Add']").val("Select This Choice");
  // 若需要同步修改按钮的title提示文本，可追加这一行
  $("input[type='button'][value='Add']").attr("title", "Select This Choice");
});

你之前的代码失效原因 #

• 选择器错误：你用了button > Div:contains('Add')，但目标元素是<input type="button">而非<button>标签，且按钮本身没有子级Div元素，这个选择器根本找不到任何目标。
• 方法使用错误：.text().replace()仅对字符串做替换操作，没有把结果赋值回元素；另外input类型按钮的显示文本存储在value属性中，不是元素的文本内容，必须用.val()方法修改。

补充说明 #

如果这些按钮是页面加载后通过AJAX等方式动态生成的，需要在动态内容加载完成后再执行上述代码，或者用事件委托监听元素加载（仅页面初始加载时修改的话，上面的代码就足够）。

内容的提问来源于stack exchange，提问作者njCoder