javascript - JQuery 変更テキスト

Question

ボタンを押した後にボタンのテキストを変更する簡単なタスクがあります。これが私のスクリプトです：

$(".recent").on("click", 'button', function () {
        $(this).closest($("li")).find($(".content")).slideToggle();
        if ($(this).text="Show content") {
            $(this).text("Hide content");
        } else {
            $(this).text("Show content");
        }
    });

ボタンを押すと、テキストが「コンテンツを非表示」に変わります。しかし、ボタンをもう一度押すと、「コンテンツを表示」に戻りません。簡単なことだと思います...助けていただければ幸いです。

score 4 · Accepted Answer

===割り当ての代わりに同等性を使用し=、テキストの代わりに text() を使用する必要があります

$(".recent").on("click", 'button', function () {
        $(this).closest($("li")).find($(".content")).slideToggle();

        if ($(this).text() === "Show content") {
            $(this).text("Hide content");
        } else {
            $(this).text("Show content");
        }
    });

score 2 · Accepted Answer

===比較に使用します。値を割り当てる which を使用してい=ました。.text()メソッドでもある

$(".recent").on("click", 'button', function () {
    $(this).closest('li').find('.content').slideToggle();
    if ($(this).text() === "Show content") {
        $(this).text("Hide content");
    } else {
        $(this).text("Show content");
    }
});

score 1 · Accepted Answer

.text()はメソッドであるため、テキストを取得および設定するにはそれを呼び出す必要があります。

$(".recent").on("click", 'button', function() {
    var $this = $(this);

    $this.closest("li").find(".content").slideToggle();

    if ($this.text() === "Show content") {
        $this.text("Hide content");
    } else {
        $this.text("Show content");
    }
});

score 1 · Accepted Answer

the.textはmethodであるため、a が続く必要があります()。また、同等の場合は== not =を使用し、 single=は割り当て用です。

これを試して：

$(".recent").on("click", 'button', function () {
    $(this).closest($("li")).find($(".content")).slideToggle();
    if ($(this).text() == "Show content") {
        $(this).text("Hide content");
    } else {
        $(this).text("Show content");
    }
});

javascript - JQuery 変更テキスト

4 に答える 4

Related

Reference