更改链接onClick的文本

【问题标题】：change text of link onClick更改链接onClick的文本
【发布时间】：2015-02-25 08:33:41
【问题描述】：

如何切换此链接的文本

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

在“重新排列”和“点击保存”之间

【问题讨论】：

标签： jquery text hyperlink onclick alter

【解决方案1】：

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

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

【讨论】：

【解决方案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');
  }
  
  
});

【讨论】：

欢迎 :) ，很高兴为您提供帮助。