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 相关文章推荐
ExtJS扩展 垂直tabLayout实现代码
Jun 21 Javascript
关于js注册事件的常用方法
Apr 03 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
JS截取字符串实例详解
Nov 24 Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 Javascript
jquery二级目录选中当前页的css样式
Dec 08 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
Jan 22 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
JavaScript比较同一天的时间大小实例代码
Feb 09 Javascript
vue实现分页栏效果
Jun 28 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
Feb 28 Javascript
JS相册图片抖动放大展示效果的示例代码
Jan 29 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数据库开发知多少
2006/10/09 PHP
php fputcsv命令 写csv文件遇到的小问题(多维数组连接符)
2011/05/24 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
详解PHP中的序列化、反序列化操作
2017/03/21 PHP
js获取当前select 元素值的代码
2010/04/19 Javascript
基于jquery的3d效果实现代码
2011/03/23 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
2015/01/23 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
2016/01/27 Javascript
浅谈angularjs中响应回车事件
2017/04/24 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
2017/08/03 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
2018/04/20 Javascript
微信小程序Flex布局用法深入浅出分析
2019/04/25 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
javascript实现时间日期的格式化的方法汇总
2020/08/06 Javascript
springboot+vue实现文件上传下载
2020/11/17 Vue.js
python 接口返回的json字符串实例
2018/03/27 Python
python使用matplotlib画饼状图
2018/09/25 Python
python交换两个变量的值方法
2019/01/12 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
Django URL参数Template反向解析
2020/11/24 Python
Python基于mediainfo批量重命名图片文件
2020/12/29 Python
一款基于css3的列表toggle特效实例教程
2015/01/04 HTML / CSS
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
毕业求职自荐信格式是什么
2013/11/19 职场文书
安全生产宣传标语
2014/06/06 职场文书
经营理念口号
2014/06/21 职场文书
领导班子整改措施
2014/10/24 职场文书
五年级学生评语大全
2014/12/26 职场文书
检讨书格式
2015/01/23 职场文书
源码解读Spring-Integration执行过程
2021/06/11 Java/Android
Windows server 2012搭建FTP服务器
2022/04/29 Servers