根据属性更改按钮文本

Question

我搜索了stackoverflow但我没有找到任何答案。

请检查以下html

<button type="button" class="nacnchor" value="1">hello</button>
<button type="button" class="nacnchor" value="2">hello</button>
<button type="button" class="nacnchor" value="3">hello</button>

我可以根据班级

更改按钮的文字

$('button.nacnchor').text("REWRITE");

但我想根据属性值更改值，更像是$('button.nacnchor,attr(value=1)')：p。

Answer 1

此处记录了属性选择器：http://api.jquery.com/attribute-equals-selector/

$("button.nacnchor[value='1']").text("REWRITE");

Answer 2

你可以这样做：

$("button[value='1']").text("REWRITE");

Answer 3

当寻求如何使用任何给定的库时，总是最好* R * ead * T *他* F * unny * < em> M * anual which has an entire page dedicated to this.

  

...例如，$("a[rel='nofollow']")会选择<a href="example.html" rel="nofollow">Some text</a>但不会选择<a href="example.html" rel="nofollow foe">某些文字。

     

选择器表达式中的属性值必须遵循W3C CSS选择器的规则;通常，这意味着除了有效标识符之外的任何内容都应该用引号括起来。

• 单引号内的双引号：$('a[rel="nofollow self"]')
• 双引号内的单引号：$("a[rel='nofollow self']")
• 单引号内的单引号转义：$('a[rel=\'nofollow self\']')
• 双引号内的双引号转义：$("a[rel=\"nofollow self\"]")

Answer 4

尝试以下代码

$("button[value='1']").text("REWRITE");