利用 jquery 獲取某個元素下的所有圖片並改變其屬性

HTML代碼

<div id="mochu"> <p>內容。。。。<./p> <p><img src="xxxx.png"/></p> <p><img src="xxxx1.png"/></p> <p><img src="xxxx2.png"/></p> <p>內容</p> </div>

JQuery代碼

$("#mochu img").each(function(){ var url = $(this).attr("src"); $(this).attr("data-source",url); $(this).attr("class","js-lightbox"); });

代碼解釋：

1、先確定要修改圖片元素的位，也就是哪個元素下的所有圖片

2、.each()方法規定為每個匹配元素規定運行的函數,也就是循環

3、獲取每個圖片的地址，並賦值給新插入的屬性data-source

4、插入新屬性class 並賦值js-lightbox

5、完成，收工.......