Hacer una matriz Javascript de múltiples clases CSS asignadas a un elemento con jQuery

Question

MI javascript: actualizado de nuevo.

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

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

Y la entrada:

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

Los signos de libra son variables, estoy usando ColdFusion.

Lo que necesito hacer es tomar con éxito cada clase y colocarlas en una matriz. De esa manera puedo usar eso para hacer los cálculos requeridos para toda la tabla.

La ayuda sería apreciada.

Gracias

Answer 1

Podría simplemente split el valor del atributo de clase, usando el espacio como separador:

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

Editar: creo que quieres hacer esto.

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

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

Pruebe este ejemplo de ejecución.

Answer 2

La respuesta de

CMS definitivamente funciona para mí. Dudo que esto sea un problema del navegador, pero supongo que es una posibilidad.