Получить значение класса элемента, имеющего несколько классов, назначенных с помощью jquery

Question

Мне нужно добавить и удалить класс для элемента, имеющего несколько классов:

Это HTML:

<div class="heading"> more html code here </div>

Я хочу добавить класс и получить значение добавленного класса. Я могу это сделать? Если нет, то как можно добавить или удалить новый класс?

 if ($(".heading").attr('class') == 'hidden') then $(".heading").removeClass('hidden');
 else $(".heading").addClass('hidden');

По сути, я собираюсь переключать скрытие / показ. Я не хочу использовать функцию переключения, поскольку она портит таблицу.

Answer 1

Знаете ли вы о toggleClass()?

$('.heading').toggleClass('hidden');

Это должно позволить вам делать то, что вы пытаетесь делать, даже не зная, какой у вас текущий класс. В общем, если вы хотите проверить наличие определенного класса в элементе, который может иметь несколько классов, используйте hasClass() вместо attr('class').

Answer 2

Если класс не используется для других целей, кроме скрытия и отображения элемента, вы можете просто использовать метод переключения jQuery для отображения и скрытия элементов.

$('.heading').toggle();