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