計算一個元素有多少個類？

Question

如果您想通過某個[tag]系統標記元素（可能由用戶附加），並且您希望計算標籤數量（由元素所具有的類的數量定義），那麼您將如何完成此操作？

如果您嘗試按標籤數量檢查所有元素，這可能會有所幫助。 （這可能可以通過其他結構來完成的，但如果你只引用這樣的元素標籤）

jQuery有.hasClass（），有什麼樣.classCount（）

Answer 1

您可以創建它...

$.fn.classCount = function() { 
    return $.grep(this.attr("class").split(/\s+/), $.trim).length; 
}; 

jsFiddle。

如果你沒有的jQuery，您可以使用...

var classLength = element.classList.length; 

jsFiddle。

如果你沒有jQuery的和必須支持舊的瀏覽器，去...

var classes = element.className.replace(/^\s+|\s+$/g, "").split(/\s+/); 
var classLength = classes[0].length ? classes.length : 0; 

jsFiddle。

Answer 2

$(element).attr('class').split(/\s+/).length 

jsFiddle example

Answer 3

你可以，如果你使用的是HTML5使用classList attribute。例如

$("#someElementId").classList.length 

將返回2：

<div id="someElementId" class="stinky cheese"></div> 

在http://jsfiddle.net/thegreatmichael/rpdEr/