[英]How can i generate code through loop by counting elements in jquery
我想動態計數元素並根據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,則代碼為所有元素生成第六個。 但我要為所有人分開。
這是因為$(".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');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.