Replace text wrapped in a button tag w with Jquery

Question

Trying to replace some text wrapped in a button tag, but this jquery doesn't seem to work for me. Any suggestions?

<div id="memorabilia">
  <button class="btn btn-primary" id="load">More Memorabilia</button>
</div>

$('#load').text(function() {
  $(this).text('MÉG TÖBB MEMORABILIA');
})

https://jsfiddle.net/nqfz5340/2/

Tibs · Accepted Answer · 2018-01-16T14:38:56.357

3

You need to import jQuery first. Place your code inside a method like .ready or .click that will trigger the event.

jQuery(document).ready(function(){
    jQuery('#load').text(function() {
        jQuery(this).text('MÉG TÖBB MEMORABILIA');
    })

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div id="memorabilia">
<button class="btn btn-primary" id="load">More Memorabilia</button>
</div>

EDIT:

You can ommit the second line. So the final code will be

jQuery(document).ready(function(){
        jQuery('#load').text('MÉG TÖBB MEMORABILIA');
});

edited Jan 16 '18 at 14:38

answered Jan 16 '18 at 14:34

Tibs

735
5
16

2

There's no need for the function being passed to `text()`. – Rory McCrossan Jan 16 '18 at 14:36
@RoryMcCrossan thank you. – Tibs Jan 16 '18 at 14:39

Replace text wrapped in a button tag w with Jquery

1 Answers1