使用jquery计算图像，然后输出＃

Question

我希望计算具有特定div类名称的图像数量，然后输出计算出来的数字以在页面上显示它。有关如何获得此建议的任何建议。它将用于让用户知道我的图像滚动条中有多少图像。最后我想弄清楚如何获得一个动态列表，如1 / 10,2 / 10等...根据用户所在的图像。

这是页面，所以你可以看到我在谈论滚动条的内容。

http://www.cdtto.com/site/?p=5

我有一个scoller从worpress的自定义字段中提取图像，我可以添加尽可能多的图像。我使用scrollTo.js jquery滚动图像，我希望得到图像的计数，并希望有输出

Answer 1

您可以使用此代码：

var numImgs = $('div.myClassName img').length;
alert(numImgs);
$('div#count').text(numImgs);

与其他示例不同，此示例会搜索包含给定类名的div中包含的图像数。

Answer 2

jQuery选择器返回一个数组，所以只需获取它的长度。例如：

jQuery(".image").Length

如果您需要更复杂的选择查询，请参阅jQuery Selectors页面。你说你使用的查询中的所有图像都是jQuery("div#divName img")

Answer 3

$(".divClassName").find("img").length

是你在寻找什么？

Answer 4

根据您在http://www.cdtto.com/site/?p=5的实际标记：

//Count images inside element with 'feature' classname
var featureImageCount = $('div.featured img').length;

//Add element to display count to user
$('#header3 .featured-bar').after('<div>' + featureImageCount + ' Images</div>');