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

Posted 2023-05-09

【中文标题】使用 jQuery 将多个 CSS 类的 Javascript 数组分配给一个元素

【英文标题】：Making a Javascript array of multiple CSS classes assigned to an element with jQuery

【发布时间】：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。

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

我们将不胜感激。

谢谢

【参考方案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 的回答绝对适合我。我怀疑这是浏览器的问题，但我想有可能吗？