如何計算每個函數內的元素總數？

Question

在我的每個函數中，我從一個div中提取文本，將它作爲一個類添加到父元素，然後我需要計算有多少個元素具有該類。問題出現了，因爲它在我的每個函數中，因爲它是遞增計數的，而不是隻給我總金額。

你可以在我的小提琴看到輸出爲1231211和我想要得到的是3211

My Fiddle

我的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> 

我的jQuery

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

Answer 1

嘗試

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); 
}) 

演示：Fiddle

Answer 2

嘗試在兩個類之間放置逗號。

var nidCount = $(".parent,."+nid).length; 

Answer 3

在循環內部，計數每次都在發生。所以，第一個，第一個，第二個，第二個，第二個等所有asdf，你可以在循環中以某種方式存儲計數，可能還有一個對象。然後，在循環之後，打印出計數。

您也可以聚合nids，將這些類添加到父級，然後在循環聚合nid的第二個循環中，您可以計算有多少父母擁有該特定類。

Answer 4

您的腳本在每次計入DIV時附加nidCount至.numbers。你應該做的是這樣的：

var numbers = {}; 
$(".nid").each(function() { 
    var nid = $(this).text(); 
    $(this).parent().addClass(nid); 
    var nidCount = $(".parent."+nid).length; 
    numbers[nid] = nidCount; 
}); 

for (var key in numbers) { 
    $('.numbers').append(numbers[key]); 
}