jquery--點選a標籤觸發下載檔案並觸發子元素事件修改下載量加一
阿新 • • 發佈:2021-02-08
技術標籤:jquery
動態載入dom元素時,點選下載按鈕觸發下載,同時給下載量數量加一
for(var i in res.rows){ $(".content-box2 ul").append("<li>"+ "<div class='tit-box'>"+ "<div class='tit'>"+ "<p>"+ res.rows[i].fileName +"</p>"+ "<p>下載量 "+ res.rows[i].downloadCount +"</p>"+ "</div>"+ "<a href='http://111.1.111.111:111111/api/pc/download/downloadFile?fileId="+res.rows[i].fileId+"'>"+ "<div class='download'>"+ "<i style='background-image: url(../../images/download.png);'></i>"+ "<span>下載</span>"+ "</div>"+ "</a>"+ "</div>"+ "<p class='lable'>"+ res.rows[i].description +"</p>"+ "</li>"); }
//當點選了下載按鈕之後,下載量加一 $("body").on("click",".download",function(){ var index = $(this).parent().parent().parent().index();//li下標 var count = downloads[index].downloadCount + 1;//下載量 $(this).parent().prev().find("p").eq(1).html("下載量 " + count);//修改下載量 })