Obtenir la valeur de classe d'éléments ayant plusieurs classes affectées à l'aide jquery

Question

je besoin d'ajouter et de supprimer la classe sur un élément ayant plusieurs classes:

Ceci est le code html:

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

Je veux ajouter classe et obtenir la valeur de la classe ajoutée. Puis-je faire ceci? Si non, comment une nouvelle classe peut-elle être ajoutée ou supprimée?

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

Fondamentalement, ce que je vais faire est de basculer hide/show. Je ne veux pas utiliser la fonction bascule car elle gâche la table.

Answer 1

Le saviez-vous? toggleClass()?

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

Cela devrait vous permettre de faire ce que vous essayez de faire sans même avoir besoin de savoir ce qu'est la classe actuelle. En général, si vous souhaitez vérifier une classe spécifique sur un élément pouvant contenir plusieurs classes, utilisez hasClass() au lieu de attr('class').

Answer 2

Si la classe n'est pas utilisée pour autre chose que le masquage et l'affichage de l'élément, vous pouvez simplement utiliser jQuery's toggle method pour afficher et masquer des éléments.

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