使用 jQuery 将多个 CSS 类的 Javascript 数组分配给一个元素答案

【问题标题】：Making a Javascript array of multiple CSS classes assigned to an element with jQuery使用 jQuery 将多个 CSS 类的 Javascript 数组分配给一个元素
【发布时间】：2010-11-15 20:23:56
【问题描述】：

我的 javascript：再次更新。

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

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

然后输入：

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

井号是变量，我使用的是 ColdFusion。

我需要做的是成功地参加每个班级并将它们放在一个数组中。这样我就可以用它来对整个表进行所需的计算。

我们将不胜感激。

谢谢

【问题讨论】：

标签： javascript jquery arrays coldfusion input

【解决方案1】：

您可以简单地split 类属性值，使用空格作为分隔符：

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

编辑：我认为你想这样做。

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

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

尝试this 运行示例。

【讨论】：

这让我返回了 3 个对象，但它们都是 calc R1 C1。我需要显示的是：calc在它自己的盒子里，R1在它自己的盒子里，C1在它自己的盒子里。
是的。谢谢！我在代码中留下了我的另一个，它正在破坏，但它有效！

【解决方案2】：

CMS 的回答绝对适合我。我怀疑这是浏览器的问题，但我想有可能吗？

【讨论】：