Zähle die Anzahl der Klassen, die ein Element hat.

Question

Wenn Sie Elemente wahrscheinlich vom Benutzer angegebene [Tag]-Systeme beschriften würden und die Anzahl der Tags zählen möchten (definiert durch die Anzahl der Klassen, die das Element hat), wie würden Sie das erreichen?

Dies könnte nützlich sein, wenn Sie versuchen würden, alle Elemente nach Anzahl der Tags zu überprüfen. (Dies könnte wahrscheinlich durch andere Strukturen erreicht werden, aber wenn Sie die Elementtags nur auf diese Weise referenzieren würden)

JQuery hat .hasClass(), gibt es etwas wie .classCount()

Answer 1

Sie könnten es erstellen...

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

jsFiddle.

Wenn Sie kein jQuery haben, könnten Sie verwenden...

var classLength = element.classList.length;

jsFiddle.

Wenn Sie kein jQuery und die älteren Browser unterstützen müssen, verwenden Sie...

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

jsFiddle.

Answer 2

Sie können das classList-Attribut verwenden, wenn Sie HTML5 verwenden. Zum Beispiel

$("#someElementId").classList.length 

würde 2 zurückgeben für:

wie in http://jsfiddle.net/thegreatmichael/rpdEr/

Answer 3

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

jsFiddle Beispiel