从一个类的实例中获取子元素的数量

Question

我正在定制一个tumblr博客,我想根据照片集中的照片数量应用某些样式和规则.我不确定当每个帖子具有相同的类时,如何计算每个帖子中存在的子元素.如果这是由tumblr生成的那种代码:

<div class="photoset">
     <img />
     <img />
</div>

<div class="photoset">
     <img />
     <img />
     <img />
</div>

如何让jQuery返回第一个和第二个实例(即2和3)中的元素数量？

我尝试过使用$('.photoset img').length();,这给了我所有元素的总数(在这种情况下为5).

任何帮助将不胜感激!

干杯,斯科特

Answer 1

您可以循环浏览每个photoset项目并单独计算它们的图像,然后在代码中的那一点上使用该信息执行任何操作:

$(".photoset").each(function(index, elem) {
    var numImages = $(this).find("img").length;
    // do whatever processing you wanted to with numImages here
});

如果你想把这些计数放在一个数组中,你可以这样做:

var imgCountArray = $(".photoset").map(function() {
    return($(this).find("img").length)
}).get();