遍歷同一元素上的類

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); 
});