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字符串转换成xml对象并使用技巧解读
Apr 18 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
最短的IE判断var ie=!-[1,]分析
May 28 Javascript
jquery 中ajax执行的优先级
Jun 22 Javascript
JavaScript实现图片轮播的方法
Jul 31 Javascript
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
javascript获取系统当前时间的方法
Nov 19 Javascript
js实现文字垂直滚动和鼠标悬停效果
Dec 31 Javascript
深入学习AngularJS中数据的双向绑定机制
Mar 04 Javascript
使用JS动态显示文本
Sep 09 Javascript
微信小程序的部署方法步骤
Sep 04 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 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动态创建Flash动画
2006/10/09 PHP
php中配置文件操作 如config.php文件的读取修改等操作
2012/07/07 PHP
用mysql_fetch_array()获取当前行数据的方法详解
2013/06/05 PHP
PHP后台备份MySQL数据库的源码实例
2019/03/18 PHP
类似CSDN图片切换效果脚本
2009/09/17 Javascript
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
2012/12/25 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
jQuery之选项卡的简单实现
2014/02/28 Javascript
JavaScript事件委托的技术原理探讨示例
2014/04/17 Javascript
JavaScript通过元素的ID和name设置样式
2014/07/08 Javascript
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
JavaScript淡入淡出渐变简单实例
2015/08/06 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
详解JS-- 浮点数运算处理
2016/11/28 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
2018/07/11 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
使用webpack构建应用的方法步骤
2019/03/04 Javascript
Python中单例模式总结
2018/02/20 Python
python GUI库图形界面开发之PyQt5信号与槽事件处理机制详细介绍与实例解析
2020/03/08 Python
世界领先的26岁以下学生和青少年旅行预订网站:StudentUniverse
2018/07/01 全球购物
P D PAOLA意大利官网:西班牙著名的珠宝首饰品牌
2019/09/24 全球购物
美国高端牛仔品牌:Silver Jeans
2019/12/12 全球购物
护理职业生涯规划书
2014/01/24 职场文书
招标承诺书
2014/08/30 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
2016年三八红旗手先进事迹材料
2016/02/26 职场文书
Python实现位图分割的效果
2021/11/20 Python
win11如何查看端口是否被占用? Win11查看端口是否占用的技巧
2022/04/05 数码科技
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js
windows server 2012安装FTP并配置被动模式指定开放端口
2022/06/10 Servers