Créer un tableau Javascript de plusieurs classes CSS assignées à un élément avec jQuery

Question

MON javascript: mis à jour à nouveau.

        $('.calc').change(function(){
            var classArray = $(this).attr('class').split(',');

            $.each(classArray, function(){
                alert(classArray);
                });
            });

Et l'entrée:

<input type="text" class="calc R#r# C#i#" />

Les signes dièse sont des variables, j'utilise ColdFusion.

Ce que je dois être capable de faire est de réussir à prendre chaque classe et de les placer dans un tableau. De cette façon, je peux l'utiliser pour effectuer les calculs requis pour l'ensemble du tableau.

Une aide serait appréciée.

Merci

Answer 1

Vous pouvez simplement diviser la valeur de l'attribut de classe, en utilisant l'espace comme séparateur:

$('.calc').change(function(){
  var classArray = $(this).attr('class').split(' ');
});

Modifier: je pense que vous souhaitez le faire.

$('.calc').change(function(){
  var classArray = $(this).attr('class').split(' ');

  $.each(classArray, function(){
    alert(this);
  });
});

Essayez cet exemple en cours d'exécution.

Answer 2

La réponse de CMS fonctionne définitivement pour moi. Je doute que ce soit un problème de navigateur, mais je suppose que c'est une possibilité?