javascript - 获取拆分为字符串数组的对象的“类”属性

Question

序言：我是意大利人，对不起我的英语不好。

所以这是一个问题：

考虑这样的 HTML 对象：

<div id="myDiv" class="c1 c2 c3 c4 c5"></div>

如何使用 jquery 从“div”元素的“class”属性中获取字符串数组？

例子：

var a = $('#myDiv').getClassArray(); //Not working,just an example

return a;  //[c1,c2,c3,c4,c5]

我以为我可以读取“类”属性然后拆分字符串，但它似乎太冗长，我想知道是否有更短更优雅的方法。

score 8 · Accepted Answer

您需要#id选择器并使用split()从字符串中获取数组。

var a = $('#myDiv').attr('class').split(' ');

您可以使用for 循环的jQuery jQuery.each()遍历数组。

var a = $('#myDiv').attr('class').split(' ');

$.each(a, function(index, item){
    alert(item);
});

score 3 · Accepted Answer

新的标准classList属性将允许对 DOM 元素进行如此轻松的访问（例如，通过$('#myDiv')[0].classListjQuery），但它并没有被普遍实现。有关此标准的文档，请参见此处，或有关当前浏览器支持的信息，请参见此处。

在错误 7378中建议为 jQuery 提供诸如 shim 之类的功能，但被拒绝了。

但是，您可以通过 shim 获得此类支持，例如https://github.com/eligrey/classList.js

score 2 · Accepted Answer

你为什么不试试这个：http: //jsfiddle.net/egZ2z/

var cls = $('#myDiv').attr('class');
var n = cls.split(' ')
alert(n);

3 回答 3