addClass 函數在使用 JQuery 時不起作用

Question

我有以下代碼：

function showAccessRequests_click() {
    var buttonValue = $("#showAccessRequests").val();
    if (buttonValue == "Show") {
        $(".hideAccessRequest").removeClass("hideAccessRequest");
        $("#showAccessRequests").val("Hide");
    }
    else {
        $(".hideAccessRequest").addClass("hideAccessRequest");
        $("#showAccessRequests").val("Show");
    }
}

此腳本可以很好地刪除一個類，但它不想添加該類。 你能看出這段代碼有什么問題嗎？

Answer 1

當您向元素添加 hideAccessRequest 類時，您會通過該類的存在來搜索它。如果您添加它，則該類將不會被應用，因此您將不會匹配任何元素。

Answer 2

$(".hideAccessRequest")不存在。 你需要使用 id，我猜。 你可能想看看toggleClass 。

Answer 3

您需要一個要切換的類的標識符，例如：“accessRequest”...試試這個。

function showAccessRequests_click() {
    var buttonValue = $("#showAccessRequests").val();
    if (buttonValue == "Show") {
        $(".accessRequest").removeClass("hideAccessRequest");
        $("#showAccessRequests").val("Hide");
    }
    else {
        $(".accessRequest").addClass("hideAccessRequest");
        $("#showAccessRequests").val("Show");
    }
}

類是用空格分隔的，所以如果你想讓它們默認隱藏......

<div class="accessRequest hideAccessRequest">...</div>