遍历同一元素上的类

Question

如果我有一个div，其中有多个类分配给class属性，是否可以使用jQuery中的each()函数遍历它们？

<div class="class1 differentclassname anotherclassname"><div> 

Answer 1

在JavaScript中，得到的类列表，你可以使用

• .className.split(' ')，返回Array
• （HTML5）.classList，返回DOMTokenList

在jQuery中，你可以使用.prop()可获得className或classList属性。

要迭代它们，你可以使用：

• 一个for循环，例如for(var i=0; i<classes.length; ++i)
• （ES6）A for...of loop，例如， for(var cl of classes)。
• （ES5）forEach，仅适用于阵列，例如， classes.forEach(fn)
• （jQuery）$.each，例如， $.each(classes, fn)

如果使用classList但想用forEach迭代，你可以使用

• [].slice.call(classes)
• （ES6）Array.from(classes)

Answer 2

首先，你需要获得一个包含有类的字符串：

$('div').attr('class'); 

，并用空格分开它来获取一个数组：

$('div).attr('class').split(' '); 

，然后使用数组作为$ .each函数的第一个参数，其中索引和值可以帮助您独立处理它

$.each($('div').attr('class').split(' '), function(index, value) { 
    console.log('Class name ' + value); 
});