Obtenir d'autres classes à partir d'un élément avec Jquery

Question

Je travaille sur un petit peu de script qui permettra une création facile et flexible des boutons. Mes boutons sont constitués de trois parties, une à gauche, une à droite et une partie médiane étirée. Il y a trois tailles différentes et trois couleurs différentes de chacune.

J'ai écrit le code qui redimensionne le bouton pour qu'il corresponde au texte. Maintenant, je cherche à ajouter la possibilité de définir facilement la couleur et la taille.

Je pensais utiliser trois classes quelque chose comme <div class="button blue big"> Mon script boucle déjà à travers les classes de boutons en utilisant chacun. Maintenant, j'ai besoin de savoir quelles autres classes sont définies et d'ajuster les images et les dimensions utilisées pour s'adapter.

Alors, comment puis-je savoir quels sont les autres sélecteurs de classe d'un élément?

Aussi je suis assez nouveau à jquery/javascript donc je me demande si le stockage de la conception en tant que sélecteurs de classe est le meilleur moyen.

Answer 1

Pour toutes les classes que vous pouvez faire ceci:

$('div.button').attr('class').replace(/\s+/,' ').split(' '); 

retournera

['button','blue','big'] 

Mise à jour:

Ou pour vérifier si un élément a une classe spécifique:

$('div.button').hasClass('blue'); 
// or 
$('div.button').hasClass('big');