Création d'un tableau Javascript de plusieurs classes CSS affectées à un élément avec jQuery

Question

MY 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 livre sont des variables, j'utilise ColdFusion.

Ce que je dois être capable de faire est de prendre avec succès chaque classe et de les placer dans un tableau. De cette façon, je peux utiliser cela pour faire les calculs requis pour l'ensemble de la table.

L'aide serait appréciée.

Merci

Answer 1

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

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

Edit: Je pense que vous voulez faire.

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

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

Essayez l'exemple this.

Answer 2

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