如何通过计算jquery中的元素来通过循环生成代码

Question

我想动态计数元素，并根据HTML 中可用的元素生成代码

这是代码：

$(window).load(function(){                                                
var count= $(".accordion .toggle").length;
var i;
for(i=0; i<=count; i++){
$(".accordion li a").eq(i).click(function(){
alert(i+" image");
$(".accordian-left-image img").attr('src','https://img'+i+'.jpg');
});
}; });

代码详细信息：.toggle是元素，它是动态生成的，在for循环代码之间，当我点击元素时，它会显示img src="img1.jpg"——当第二个元素可用且img2.jpg可用时，它也会显示我想要的内容。

我面临的问题是，如果元素可用，那么代码为所有元素生成第6个。但我想永远分开。

Answer 1

这是因为$(".accordian-left-image img").attr('src','https://img'+i+'.jpg');选择了每个accordian-left-image类。要解决此问题，请使用.eq()选择器：

$(".accordian-left-image img").eq(i).attr('src','https://img'+i+'.jpg');