jquery - 比较同一类的多个元素的属性，看看它们是否相同？

Question

假设我有以下一组元素，我如何比较以查看所有“数据类型”属性是否相同？

我知道我可以使用 .each() 迭代它们并存储“最后一个”并逐一比较它们，但似乎应该有一种更简单、更优雅的方法。像下面的(完全虚构的)函数......

<span class="item" data-type="server"></span>
<span class="item" data-type="server"></span>
<span class="item" data-type="server"></span>

$('.item').attr('data-type').sameFunc() = true

或

<span class="item" data-type="printer"></span>
<span class="item" data-type="server"></span>
<span class="item" data-type="server"></span>

$('.item').attr('data-type').sameFunc() = false

Answer 1

检查同一类的所有元素是否具有相同的数据属性:

$('.item').length == $('.item[data-type="server"]').length;

只需查看该类的元素数量是否与该类和数据属性的元素数量相匹配。

编辑:

另一种不知道数据属性值的方法:

var same = $('.item').length == $('.item').filter(function(i) {
    return $(this).data('type') == $('.item').eq(i-1).data('type');
}).length;

FIDDLE