在jquery中切换按钮文本

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

目前，我有：

 Show  

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

Answer 1

不要使用onclick 。 绑定一个事件处理程序。

这是你可以使用的东西：

 $('.collapse-classes').click(function() { var $this = $(this); $this.toggleClass('show'); if ($this.hasClass('show')) { $this.text('Show'); } else { $this.text('Hide'); } }); 

Answer 2

关注你的DOM树

 $('.collapse-classes').click(function() { var span = $(this).find('span'); if(span.text() == "Show"){ span.text("Hide"); } else { span.text("Show"); } });