如何使用 jQuery 更改 Bootstrap 3 按钮的文本？

How to change the text of a Bootstrap 3 button with jQuery?

提问by Ignatius Samuel Megis

How to retrieve button text inside tag button?

如何检索标签按钮内的按钮文本？

Example HTML:

示例 HTML：

<button type="button" class="btn btn-danger" id="dislikes" value="notThisValue">DISLIKES<span class="glyphicon glyphicon-thumbs-down"></span></button>

My jQuery:

我的jQuery：

$(document).ready(function(){
    $('#dislikes').click(function() {
        $("#dislikes").val('Hello World');
    })
});

I need to change the text DISLIKESto YOU DISLIKE IT. My jQuery has to change the inner text of the button not the value "notThisValue".

我需要将文本DISLIKES更改为YOU DISLIKE IT。我的 jQuery 必须更改按钮的内部文本而不是值“notThisValue”。

回答by Hammad

The reason you are not able to change the text is that you are changing its value using .val(). Instead you need to use .text()to change tag's text.

您无法更改文本的原因是您正在使用.val(). 相反，您需要使用.text()来更改标签的文本。

Try this.

尝试这个。

$(document).ready(function(){
$('#like').click(function() {
 $("#like").text('YOU DISLIKE IT');
})
});

回答by rink.attendant.6

Use .text()or .html():

使用.text()或.html()：

$(document).ready(function() {
    $('#dislikes').click(function() {
        $(this).text('Hello World');
    })
});