计算一个元素有多少个类？

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/