How to change bootstrap 3 button text using jQuery?

Question

How to get button text inside a tag?

HTML example:

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

My jQuery:

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

I need to change the text of DISLIKES to YOU DISCLAIMER . My jQuery should change the inner text of the button, not the value of "notThisValue".

Answer 1

The reason you cannot change the text is to change the value with .val() . Instead, you need to use .text() to change the text of the tag.

Try it.

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

Answer 2

Use .text() or .html() :

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