動(dòng)態(tài)從數(shù)組中獲取圖片路徑

科技 未結(jié) 2 1195
杜文君
杜文君 2023-06-04 05:31

如下代碼，我先聲明了兩個(gè)圖片路徑數(shù)組，我想同過(guò)for循環(huán)的方式給每個(gè)div添加一個(gè)點(diǎn)擊方法，并且替換他里面的圖片，但是在替換圖片時(shí)如何去吧路徑攜程動(dòng)態(tài)的變量方式？就是代碼中的icon_arr2.eq(i)。
代碼有些臃腫還望各位大神將就著看，謝謝

var icon_arr1 = ["images/per_center.png","images/per_meg.png","images/per_work.png","images/case_center.png"]var icon_arr2 = ["images/per_center2.png","images/per_meg2.png","images/per_work2.png","images/case_center2.png"] var a=$(".xee_percenter");for(var i = 0;i<a.length;i++){ a.eq(i).click(function(){ $(this).css("background-color","#8e8e8f"); $(this).find("img").attr("src",icon_arr2(i))//就是這里無(wú)效，該如何寫(xiě)才對(duì) $(this).find("a").css("color","white"); $(this).css("border-left","5px solid #f08512"); $(this).siblings(".xee_percenter").css("background-color","#ffffff") $(this).siblings(".xee_percenter").css("border-left","none") $(this).siblings(".xee_percenter").find("a").css("color","#777777")}) }

2條回答
  • 我愛(ài)薩其馬虞co
    2023-06-04 06:12

    方括號(hào)寫(xiě)成圓括號(hào)的問(wèn)題樓上有人提了，這里說(shuō)下代碼的優(yōu)化。綁定事件處理函數(shù)用on();切換css樣式推薦用css類，也可用對(duì)象字面量的寫(xiě)法：css({"color":"red","font-size":"20px"})

提交回復(fù)