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 相关文章推荐
js单向链表的具体实现实例
Jun 21 Javascript
JavaScript获取onclick、onchange等事件值的代码
Jul 22 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
鼠标滚轮改变图片大小的示例代码
Nov 20 Javascript
node.js下when.js 的异步编程实践
Dec 03 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
Aug 28 Javascript
js时间控件只显示年月
Jan 08 Javascript
vue.js异步上传文件前后端实现代码
Aug 22 Javascript
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
解决在Bootstrap模糊框中使用WebUploader的问题
Mar 22 Javascript
vue watch深度监听对象实现数据联动效果
Aug 16 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
Nov 17 Vue.js
基于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
如何过滤高亮显示非法字符
2006/10/09 PHP
PHP7+Nginx的配置与安装教程详解
2016/05/10 PHP
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
js模拟滚动条(横向竖向)
2013/02/22 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
高性能JavaScript 重排与重绘(2)
2015/08/11 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
2015/11/23 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
jQuery 操作input中radio的技巧
2016/07/18 Javascript
使用JS正则表达式 替换括号,尖括号等
2016/11/29 Javascript
Bootstrap源码解读表单(2)
2016/12/22 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
10行代码实现微信小程序滑动tab切换
2018/12/28 Javascript
原生JS实现天气预报
2020/06/16 Javascript
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
详解如何使用React Hooks请求数据并渲染
2020/10/18 Javascript
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
python计算文本文件行数的方法
2015/07/06 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
python如何将图片转换为字符图片
2020/08/19 Python
详解Python3.6的py文件打包生成exe
2018/07/13 Python
Pycharm打开已有项目配置python环境的方法
2020/07/03 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
HTML5 Canvas 起步(2) - 路径
2009/05/12 HTML / CSS
Pureology官网:为染色头发打造最好的产品
2019/09/13 全球购物
标准的毕业生自荐信
2014/04/20 职场文书
项目经理任命书范本
2014/06/05 职场文书
中学生旷课检讨书模板
2014/10/08 职场文书
办公室务虚会发言材料
2014/10/20 职场文书
岳麓书院导游词
2015/02/03 职场文书
Java中多线程下载图片并压缩能提高效率吗
2021/07/01 Java/Android
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js