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

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 .