jQuery循环遍历子节点并获取值的方法


Posted in Javascript onApril 14, 2016

本文实例讲述了jQuery循环遍历子节点并获取值的方法。分享给大家供大家参考,具体如下:

Html代码部分:

<div class="left_tree_ad_btn_container">
 <ul>
  <li class="tree_ad_btn_bg"><img src="/images/insurance/3lianad_small.jpg" />
  </li>
 </ul>
 <ul>
  <li class="tree_ad_btn_bg have_bg"><img src="/images/insurance/3lianad_small.jpg" /></li>
 </ul>
 <ul>
  <li class="tree_ad_btn_bg"><img src="/images/insurance/3lianad_small.jpg" /></li>
  </ul>
</div>

JS代码部分:

var arrUl = jQuery(".left_tree_ad_btn_container > ul");
jQuery.each(arrUl, function(){
 alert(jQuery(this).find("img").attr("src"));
 alert(jQuery(this).find("li").attr("class"));
});

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中“+=”的应用
Feb 02 Javascript
JS执行删除前的判断代码
Feb 18 Javascript
排序算法的javascript实现与讲解(99js手记)
Sep 28 Javascript
详解js图片轮播效果实现原理
Dec 17 Javascript
基于javascript实现图片预加载
Jan 05 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
JavaScript 消息框效果【实现代码】
Apr 27 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
Feb 13 Javascript
Bootstrap按钮组实例详解
Jul 03 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
javascript实现计算器功能详解流程
Nov 01 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 #Javascript
js仿3366小游戏选字游戏
Apr 14 #Javascript
Javascript实现鼠标框选操作  不是点击选取
Apr 14 #Javascript
Node.js实现数据推送
Apr 14 #Javascript
node.js实现端口转发
Apr 14 #Javascript
即将发布的jQuery 3 有哪些新特性
Apr 14 #Javascript
谈一谈JS消息机制和事件机制的理解
Apr 14 #Javascript
You might like
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
php快速排序原理与实现方法分析
2016/05/26 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
2015/03/13 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
利用JS实现页面删除并重新排序功能
2016/12/09 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
Vue组件之自定义事件的功能图解
2018/02/01 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
2018/02/24 Javascript
JavaScript动态加载重复绑定问题
2018/04/01 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
vue安装遇到的5个报错及解决方法
2019/06/12 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
jQuery中event.target和this的区别详解
2020/08/13 jQuery
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
在Django中创建第一个静态视图
2015/07/15 Python
python发送邮件功能实现代码
2016/07/15 Python
Python 做曲线拟合和求积分的方法
2018/12/29 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
Python csv模块使用方法代码实例
2019/08/29 Python
shallow copy和deep copy的区别
2016/05/09 面试题
保密承诺书
2014/03/27 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
讲座通知范文
2015/04/23 职场文书
2016银行求职自荐信
2016/01/28 职场文书
2019新员工试用期转正申请书3篇
2019/08/13 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
在HTML5 localStorage中存储对象的示例代码
2021/04/21 Javascript