簡體   English   中英

我如何通過計數jquery中的元素來通過循環生成代碼

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM