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>

JQuery addClass无法正常工作

3 个答案: