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