How get class from element with jquery

Question

Hello i have set of elements. They have several classes on one element.

 <div class="color1 chaire">&nbsp;</div>
 <div class="color11 chaire">&nbsp;</div>
 <div class="color1 chaire">&nbsp;</div>
 <div class="color12 chaire">&nbsp;</div>
 <div class="color2 chaire">&nbsp;</div>
 <div class="color2 chaire">&nbsp;</div>
 <div class="color2 chaire">&nbsp;</div>
 <div class="color2 chaire">&nbsp;</div>
 <div class="color23 chaire">&nbsp;</div>
 <div class="color23 chaire">&nbsp;</div>
 <div class="color3 chaire">&nbsp;</div>
 <div class="color3 chaire">&nbsp;</div>
 <div class="color3 chaire">&nbsp;</div>
 <div class="color3 chaire">&nbsp;</div>
 <div class="color4 chaire">&nbsp;</div>

I want to count how much each colorX divs are?

I need structure like:

color1 : 2
color2 : 4
color3 : 4
color4 : 1
color11 : 1
color12 : 1
color23 : 2

I write code:

function countvalues(a) {
    var b = {}, i = a.length, j;

    while( i-- ) {
      j = b[a[i]];
      b[a[i]] = j ? j+1 : 1;
    }
    return b;
}

var coalition = new Array();    
var elements = $(".chaire").not(".notactive");
    elements.each(function () {
       var  class = $(this).attr("class");
       class = class.substring(0, class.indexOf(" "));
       coalition.push(class);
 });

   b = countvalues(coalition);

Perhaps there is easier way to do this?

Mark Robinson · Accepted Answer · 2010-12-22 09:36:45Z

1

$("div[class^=color]").size();

answered Dec 22, 2010 at 9:36

Mark Robinson

13.3k13 gold badges66 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Liutas Over a year ago

Yes i can change elements = $(".chaire").not(".notactive"); with $("div[class^=color]"); But more?

Mark Robinson Over a year ago

It may be worth taking a step back on this one and ask if counting classes is really the way to go. Can't imagine why you would want to do this. If you are trying to use the classes to confer information to the page then this is the wrong use of the class element and you may be better using the html5 data- syntax (see ejohn.org/blog/html-5-data-attributes)

Ian Oxley · Accepted Answer · 2010-12-22 09:34:57Z

1

This should do the trick:

$('div[class^="color"]').length;

answered Dec 22, 2010 at 9:34

Ian Oxley

11.1k6 gold badges45 silver badges49 bronze badges

2 Comments

user447356 Over a year ago

Nice one! Using pure jQuery is definitely the best option.

Liutas Over a year ago

But i need count for each colorX that present in <div>

Collectives™ on Stack Overflow

How get class from element with jquery

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related