Question

我有一个展开和隐藏文字的按钮。但是我不知道如何更改文本的值。我的意思是，当我点击显示“展开”的展开按钮时，它不会变为“隐藏”，它会保持“展开”状态。我在javascript中尝试过，但不完全确定如何将其应用于html :(

function btnChanger() {
    var i = 0;

    if(i % 2 == 0)
    {
        document.getElementById("hide").value="Hide";
    }
    else
    {
        document.getElementById("hide").value="Expand";
    }
    i++;
}

如果在Jquery中更容易做到？我不太确定，先谢谢:)这是Jfiddle：https://jsfiddle.net/dmgnsx17/3/

Answer 1

您可以同时使用jQuery或JavaScript。使用此代码而不是声明任何新的或全局变量，这可能会吸引错误的值：

function btnChanger() {
    if (document.getElementById("hide").innerHTML == "Hide")
        document.getElementById("hide").innerHTML = "Expand";
    else
        document.getElementById("hide").innerHTML = "Hide";
}

要在jQuery中执行相同的操作，您可以使用：

function btnChanger() {
    if ($("#hide").html() == "Hide")
        $("#hide").html("Expand");
    else
        $("#hide").html("Hide");
}

如何更改按钮的值？ jQuery的

1 个答案: