获取具有使用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's toggle method来显示和隐藏元素。

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