根据数据属性值获取元素数

Question

应该是一件简单的事情，但我无处可去。

我想获得具有给定数据属性值的元素数量。

我有一些带有各种data-size ='values'的html元素。 需要获取每个值的项目数。

如果您看下面的代码，我想获取“ p”尺寸和“ l”尺寸的数量

$('.overview li img').each(function () {

var s = $(this).data('size');

switch (s) {
    case 'p':
        r = 0.66667
        break;
    case 'l':
        r = 1.5
        break;
}

var imgW = $(this).css({
    width: h * r + 'px'
});

}）

任何帮助表示赞赏

欢呼声

Answer 1

您可以创建一个选择器来查找data-size ='p'或data-size ='l'

var pCount = $(".overview li img[data-size='p']").length
var lCount = $(".overview li img[data-size='l']").length

同样，您可以使用选择器来消除switch语句，而仅循环遍历data-size ='p'或data-size ='l'的元素。

Answer 2

使用一些计数器：

 var pCount = 0 
     ,lCount = 0;

 $('.overview li img').each(function () {
    //-----------
    case 'p':
        r = 0.66667; 
        pCount++;        //counter of 'p'
        break;
    case 'l':
        r = 1.5;
        lCount++;        //counter of 'l'
        break;
    //----

 });

 console.log( pCount, lCount );