在jquery中切换按钮文本

Question

我创建了一个HTML按钮,我想使用Javascript/JQuery在两个文本之间切换按钮中显示的文本.我该怎么做呢？

目前,我有:

<button onclick="showAll();" class="collapse-classes">
    <span class="button-text">Show</span>
</button>

按钮通过显示"显示"开始,然后在单击时切换到"隐藏",然后在再次单击时切换到"显示".我尝试更改标签的值,但它不会更改显示的文本.任何人都可以帮助脚本吗？谢谢

Answer 1

不要用onclick.只需绑定事件处理程序.

这是你可以使用的东西:

$('.collapse-classes').click(function() {
    var $this = $(this);

    $this.toggleClass('show');

    if ($this.hasClass('show')) {
        $this.text('Show');
    } else {
        $this.text('Hide');
    }
});