1. 程式人生 > 其它 >jquery--點選a標籤觸發下載檔案並觸發子元素事件修改下載量加一

jquery--點選a標籤觸發下載檔案並觸發子元素事件修改下載量加一

技術標籤: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);//修改下載量
	})