我创建了一个HTML按钮,我想使用Javascript / JQuery在两个文本之间切换按钮中显示的文本。我该怎么做?
目前,我有:
<button onclick="showAll();" class="collapse-classes">
<span class="button-text">Show</span>
</button>
按钮通过显示“显示”开始,然后在单击时切换到“隐藏”,然后在再次单击时切换到“显示”。我尝试更改标签的值,但它不会更改显示的文本。任何人都可以帮助脚本吗?感谢
答案 0 :(得分:6)
请勿使用onclick
。只需绑定一个事件处理程序。
以下是您可以使用的内容:
$('.collapse-classes').click(function() {
var $this = $(this);
$this.toggleClass('show');
if ($this.hasClass('show')) {
$this.text('Show');
} else {
$this.text('Hide');
}
});
答案 1 :(得分:0)
关注你的DOM树
$('.collapse-classes').click(function() {
var span = $(this).find('span');
if(span.text() == "Show"){
span.text("Hide");
} else {
span.text("Show");
}
});