Javascript 更改按钮文本

我在以下方面找到了部分答案：

要更改按钮上的文本，请单击。我要搜索的是如何切换文本。我尝试使用class方法切换“show teams”/“hide teams”的文本。 如果我只是使用该属性，我可以更改按钮上的文本，但这不会将其更改回来

HTML

---

input

元素没有文本内容

引用

获取匹配元素集中每个元素（包括其子元素）的组合文本内容

---

使用

按钮

标签

<button class="teams">Teams</button>

---

您需要将属性

值设置为文本：
$this.attr（'value'，'Show Teams'）

JSFiddle:


    $(".teams").click(function () {
        $("#container2").toggle();
        //$("#teams").prop("value", "Hide Teams");

        var $this = $(this);
        if ($this.hasClass('teams')) {
            $this.text('Show Teams');
        } else {
            $this.text('Hide Teams');
        }
    });

    $(".teams").click(function () {
        $("#container2").toggle();
        //$("#teams").prop("value", "Hide Teams");

        var $this = $(this);
        if ($this.val() === 'Show Teams') {
            $this.val('Hide Teams');
        } else {
            $this.val('Show Teams');
        }
    });

<button class="teams">Teams</button>

    var $this = $(this);
    if ($this.hasClass('teams')) {
        $this.text('Show Teams');
    } else {
        $this.text('Hide Teams');
    }
    $this.toggleClass('teams'); // add this line