单击时如何更改按钮中的文本？ [复制]答案

【问题标题】：How to change text in button when clicked? [duplicate]单击时如何更改按钮中的文本？ [复制]
【发布时间】：2016-08-01 05:53:36
【问题描述】：

我的 HTML 代码是这样的：

<table>
  <tbody class="iteration">
    <tr>
      <td>
        <button class="save">More</button>
      </td>
      <td>
        <div class="cruisedropd">
          <div class="loading"></div>
        </div>
      </td>
    </tr>
  </tbody>
  <tbody class="iteration">
    <tr>
      <td>
        <button class="save">More</button>
      </td>
      <td>
        <div class="cruisedropd">
          <div class="loading"></div>
        </div>
      </td>
    </tr>
  </tbody>
</table>

我的 Javascript 代码是这样的：

$(function(){
    $(".cruisedropd").hide();
    $('.save').click(function () {
        var parent = $(this).closest("tbody.iteration");

        parent.toggleClass('is_loading',  parent.hasClass('is_loading') );
        parent.find(".cruisedropd").toggle();
        parent.find('.loading').html("work");

    });


});

演示是这样的：https://jsfiddle.net/oscar11/53okmr78/1/

我想更改按钮中的文本。因此，当单击“更多”按钮时，该按钮变为“隐藏”按钮。反之亦然

非常感谢

【问题讨论】：

我更新了我的问题和 jsfiddle
jsfiddle.net/y75eL9m9

标签： javascript jquery html

【解决方案1】：

您可以使用.text()

返回要设置的文本内容的函数。接收集合中元素的索引位置和旧文本值作为参数。

$('.save').click(function() {
    $(this).text(function(_, text) {
      return text == "More" ? "Hide" : "More";
    });
});

DEMO

【讨论】：

非常感谢。它正在工作

【解决方案2】：

在你的函数中添加这个

    $(function(){
    $(".cruisedropd").hide();
    $('.save').click(function () {
        var $self = $(this);
        $self.text() == "More" ? $self.text('Hide') : $self.text('More');

        var parent = $(this).closest("tbody.iteration");
        $(parent).block({ message: null }); 

        parent.toggleClass('is_loading',  parent.hasClass('is_loading') );
        parent.find(".cruisedropd").toggle();
        parent.find('.loading').html("work");

    });


});

https://jsfiddle.net/53okmr78/6/

【讨论】：

【解决方案3】：

将此代码添加到您的$(".save").click(){...

if($(this).text() == "More"){
    $(this).text("Hide");
}else{
    $(this).text("More")
}

【讨论】：