jquery - 你能找到一个属性的不同值的数量吗？查询？

Question

假设我有这样的结构:

<div class='collection'>
    <div class='item' seq=1>foo</div>
    <div class='item' seq=2>bar</div>
    <div class='item' seq=2>baz</div>
    <div class='item' seq=2>asd</div>
    <div class='item' seq=3>que</div>
    <div class='item' seq=3>bletch</div>
</div>

很容易得到 seq=1、seq=2 等的项数。但是如何找到 seq 不同值的个数，以及这些值是什么？可以安全地假设 seq 的值将从 1 开始，然后增加 1，直到没有更多值为止。

Answer 1

您可以在对象中累积属性值及其计数:

var totals = {};
$(".collection > .item").each(function() {
    var seq = $(this).attr("seq");
    var total = totals[seq] || 0;
    totals[seq] = total + 1;
});

当上面的代码运行时，你应该有一个像这样的对象:

{
    "1": 1,
    "2": 3,
    "3": 2
}