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

转载于:https://www.cnblogs.com/qcjdp/p/11319876.html

利用 jquery 获取某个元素下的所有图片并改变其属性相关推荐

jquery获取父元素下的第n个子元素
<table id="test"><tr><td>1</td><td>2</td></tr>&l ...
jquery兄弟标签_js jquery获取当前元素的兄弟级上一个下一个元素
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得 ...
html 获取下一个兄弟节点,js jquery获取当前元素的兄弟级上一个下一个元素
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得 ...
html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...
php 获取子孙,jquery如何查找后代元素？jquery获取后代元素方法
在上一篇我们讲到jquery获取父元素?相信你已经学会了,那么下面我们来讲一下jquery如何查找后代元素?jquery获取后代元素方法. 一: 查找后代元素三种方法 (1)children(): ( ...
html选择同级的元素,jquery获取同级元素
jquery怎样获得同辈的前几个和后几个元素 jquery怎么获取同级目录前面的第一个元素欢迎来到CSS布局HTML. item1 item2 item3 item4 item5var obj = ...
利用 jQuery 操作页面元素的方法，实现电商网站购物车页面商品数量的增加和减少操作，要求单项价格和总价随着数量的改变而改变
查看本章节查看作业目录需求说明: 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变当用户单击"+" ...
js隐藏html页面元素高度,如何使用jQuery获取隐藏元素的高度？
HTML元素可以在jquery hide()函数的帮助下隐藏,或者也可以通过在css中使设置visibility:hidden来轻松隐藏.那么如何使用jquery找到这个隐藏元素的高度?下面本篇文章就 ...
jQuery获取父元素及父节点的方法小结
这篇文章主要介绍了jQuery获取父元素及父节点的方法,结合实例形式总结分析了jQuery针对父元素及父节点操作的常用技巧,需要的朋友可以参考下本文实例总结了jQuery获取父元素及父节点的方法.分 ...

利用 jquery 获取某个元素下的所有图片并改变其属性

HTML代码

JQuery代码

代码解释：

利用 jquery 获取某个元素下的所有图片并改变其属性相关推荐

最新文章

热门文章