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 自动安装exe程序
Nov 30 Javascript
jquery.validate使用攻略 第二部
Jul 01 Javascript
Jquery插件之多图片异步上传
Oct 20 Javascript
js获得地址栏?问号后参数的方法
Aug 08 Javascript
jQuery 快速结束当前正在执行的动画
Nov 20 Javascript
Windows系统下Node.js的简单入门教程
Jun 23 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
Aug 05 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
详解用场景去理解函数柯里化(入门篇)
Apr 11 Javascript
js实现树形数据转成扁平数据的方法示例
Feb 27 Javascript
封装 axios+promise通用请求函数操作
Aug 11 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
ajax 的post方法实例(带循环)
2011/07/04 PHP
PHP时间戳 strtotime()使用方法和技巧
2013/10/29 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
jQuery $.each的用法说明
2010/03/22 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
js 实现菜单左右滚动显示示例介绍
2013/11/21 Javascript
JQuery实现动态表格点击按钮表格增加一行
2014/08/24 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
2016/01/18 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
jQuery中get方法用法分析
2016/12/07 Javascript
javascript浏览器用户代理检测脚本实现方法
2017/10/27 Javascript
axios 处理 302 状态码的解决方法
2018/04/10 Javascript
纯js封装的ajax功能函数与用法示例
2018/05/14 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
vue路由的配置和页面切换详解
2020/09/09 Javascript
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
Python制作爬虫抓取美女图
2016/01/20 Python
python 性能优化方法小结
2017/03/31 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
使用Python脚本zabbix自定义key监控oracle连接状态
2019/08/28 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
加拿大花店:1800Flowers.ca
2016/11/16 全球购物
Expedia加拿大官方网站:加拿大最大的在线旅游提供商
2017/12/31 全球购物
行政专员的岗位职责
2014/03/10 职场文书
计算机专业求职信
2014/06/02 职场文书
2015年房地产销售工作总结
2015/04/20 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
详解CSS开发过程中的20个快速提升技巧
2021/05/21 HTML / CSS
基于Python实现对比Exce的工具
2022/04/07 Python
Python绘制散乱的点构成的图的方法
2022/04/21 Python