使用jquery对图像进行计数,然后输出#

使用jquery对图像进行计数,然后输出#,jquery,Jquery,我希望计算具有特定div类名的图像的数量,然后输出计算出的数字,以便在页面上显示它。关于如何得到这个的任何建议。它将用于让用户知道我的图像滚动条中有多少图像。最后我想弄清楚如何得到一个动态列表,比如1/10,2/10,等等。。。基于用户所在的图像 这是页面,你可以看到我在用滚动条谈论什么 我有一个scoller,它从worpress中的自定义字段中提取图像,我可以添加任意多的图像。我使用scrollTo.js jquery滚动图像,我希望获得图像的计数,并希望输出结果jquery选择器返回一个

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

这是页面,你可以看到我在用滚动条谈论什么


我有一个scoller,它从worpress中的自定义字段中提取图像,我可以添加任意多的图像。我使用scrollTo.js jquery滚动图像,我希望获得图像的计数,并希望输出结果

jquery选择器返回一个数组,因此只需获取其长度即可。例如:

jQuery(".image").Length
如果需要更复杂的选择查询,请参阅本页。您说过在一个div中使用的所有图像查询类似于
jQuery(“div#divName img”)


这就是您要找的吗?

您可以使用以下代码:

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

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

基于您在以下位置的实际标记:

//使用'feature'类名对元素内的图像进行计数
变量featureImageCount=$('div.img')。长度;
//添加元素以向用户显示计数
$(“#标题3.特色栏”)。在(“+featureImageCount+”图像)之后;

别忘了img之后的课程,因为他在用某个课程计算图像$('div.myClassName img.myImageClass')很酷,我使用它,能够根据显示的图像数量来显示图像。我应该从哪里开始尝试,让它来计算我们所处的图像?例如,如果它是第一个,它将显示1/3。它在这里工作
“div#divName
是不必要的,速度较慢。只需使用
#divName
var numImgs = $('div.myClassName img').length;
alert(numImgs);
$('div#count').text(numImgs);
//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>');