change text of link onClick

Question

How do I toggle the text of this link

<a class="btn btn-info" data-method="delete" href="javascript:void(0);" id="rearrange_button" rel="nofollow">Re-Arrange</a>

between 'Re-Arrange' and 'save' onClick

Answer 1

You can do it with using jQuery library. This can be done with few lines of code.

Here below is a code.

live demo link

$('#rearrange_button').on('click', function(){
  var text = $(this).text();
  //console.log(text); 
  
  if (text == 'Re-Arrange') {
    $(this).text('Save');
  }
  else if(text == 'Save') {
    $(this).text('Re-Arrange');
  }
  
  
});