更改链接onClick的文本

Question

如何切换此链接的文本  

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

<重新排列'和'保存'onClick

之间的

Answer 1

您可以绑定所需按钮的.click事件的操作。

$('.rearrange_button').click(function(){
    var $thisButton = $(this);
    $thisButton.toggleClass('Rearrange');
    if($thisButton.hasClass('Rearrange')){
        $thisButton.text('Save');         
    } else {
        $thisButton.text('Re-arrange');
    }
});

Answer 2

您可以使用jQuery库来完成它。 这可以通过几行代码来完成。

以下是代码。

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');
  }


});