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");
        }
    });

当我按下按钮时，文本变为“隐藏内容”。但是当我再次按下按钮时，它不会变回“显示内容”。 猜猜这是关于一些简单的事情......非常感谢任何帮助。

Answer 1

您需要使用等价 === 而不是赋值 = 并使用 text() 而不是 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");
        }
    });