jQuery: conteggio di occorrenze univoche della classe

Question

Ho un numero di elementi sulla mia pagina che appartengono a classi con identificatori univoci, in base alla mia programmazione back-end. Tale che io possa avere il seguente:

<element class="element-1"></element> 
<element class="element-1"></element> 
<element class="element-2"></element> 
<element class="element-2"></element> 
<element class="element-3"></element> 
<element class="element-3"></element> 

C'è un modo per contare le occorrenze uniche di questi classnames con jQuery, in modo che qualsiasi funzione farebbe che sarebbe tornato 3?

Answer 1

var obj = {}; 
var num = 0; 
$("element[class^=element]").each(function() { 
    var cl = $(this).attr("class"); 
    if(!obj[cl]) { 
    obj[cl] = {}; 
    num++; 
    } 
}); 
alert(num); 

Answer 2

la risposta è molto più semplice: $("element.element-1").length;