我如何通过计数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');
    });
}; });

代码详细信息： .accordion .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');