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 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
Post a Comment