JQuery addClass не работает

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") не существует. вам нужно использовать идентификатор, я думаю. И вы можете посмотреть на 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>