jquery - How can I count the total amount of elements inside an each function? -


inside each function pulling text div, adding class parent element, , need count how many elements have class. problem comes in because it's inside each function counts incrementally instead of giving me total amount.

you can see in fiddle output 1231211 , i'm trying 3211.

my fiddle

my html

<div class="parent">     <div class="nid">asdf</div> </div>  <div class="parent">     <div class="nid">asdf</div> </div>  <div class="parent">     <div class="nid">asdf</div> </div>  <div class="parent">     <div class="nid">qwerty</div> </div>  <div class="parent">     <div class="nid">qwerty</div> </div>  <div class="parent">     <div class="nid">zxcv</div> </div>  <div class="parent">     <div class="nid">ghjk</div> </div>  <div class="numbers">  </div> 

my jquery

$(".nid").each(function() {     var nid = $(this).text();     $(this).parent().addclass(nid);     var nidcount = $(".parent."+nid).length;     $('.numbers').append(nidcount); }); 

try

var counter = {}; $(".nid").each(function() {     var text = $(this).text();     var count = counter[text] || 0;     counter[text] = count + 1; }); $.each(counter, function(key, value){     $('.numbers').append(value); }) 

demo: fiddle


Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -