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

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

示例HTML：

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

我的jQuery：

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

我需要将文本disLIKES改为你不喜欢它.我的jQuery必须更改按钮的内部文本而不是值“notthisValue”.

解决方法

您无法更改文本的原因是您使用.val()更改其值.相反,您需要使用.text()来更改标签的文本.

试试这个.

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