jquery - 计算所有元素，显示具有唯一值和计数的结果

Question

我有一个包含用户名列的表。在表格旁边，我想单独列出所有用户名，并计算它们在表格中出现的次数。

Answer 1

工作小提琴

HTML

<div class="username">jsmith</div>
<div class="username">jsmith</div>
<div class="username">bruth</div>
<div class="username">bruth</div>
<div class="username">jsmith</div>
<div class="username">jsmith</div>
<div class="username">bdole</div>
<div class="username">bdole</div>
<br />
<div id="result"></div>

Javascript

var divs = []
$('.username').each(function() {
    var uid = $(this).html();
    if ($.inArray(uid, divs) < 0) {
        divs.push(uid);
    }
}).promise().done(function() {
    $.each(divs, function(index, value) {
        var sel = '.username:contains("' + value + '")';
        var n = $(sel).length;
        $('#result').append('<div>' + value + ' x' + n + '</div>');
    });
});