2

HTML ボタンを作成しました。Javascript/JQuery を使用して、ボタンに表示されるテキストを 2 つのテキスト間で切り替えたいと考えています。どうすればいいですか？

現在、私は持っています：

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

ボタンは最初に「表示」を表示し、クリックすると「非表示」に切り替わり、もう一度クリックすると「表示」に切り替わります。タグの値を変更してみましたが、表示されるテキストは変わりません。誰でもスクリプトを手伝ってもらえますか? ありがとう

4

2 に答える 2

6

使用しないでくださいonclick。イベント ハンドラをバインドするだけです。

作業できるものは次のとおりです。

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

    $this.toggleClass('show');

    if ($this.hasClass('show')) {
        $this.text('Show');
    } else {
        $this.text('Hide');
    }
});
于 2012-10-30T21:53:09.190 に答える
0

DOM ツリーをたどる

$('.collapse-classes').click(function() {

    var span = $(this).find('span');

    if(span.text() == "Show"){
        span.text("Hide");
    } else {
        span.text("Show");
    }

});
于 2012-10-30T23:13:44.603 に答える