jquery - 从一个类的一个实例中获取子元素的计数

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").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();