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、完成，收工.......

?

轉載于:https://www.cnblogs.com/qcjdp/p/11319876.html

總結

以上是生活随笔為你收集整理的利用 jquery 获取某个元素下的所有图片并改变其属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。