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 异常处理使用总结
Jun 21 Javascript
javascript 进阶篇2 CSS XML学习
Mar 14 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
Dec 16 Javascript
从js向Action传中文参数出现乱码问题的解决方法
Dec 29 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
jQuery实现文本框输入同步的方法
Jun 20 Javascript
jquery UI Datepicker时间控件的使用方法(终结版)
Nov 07 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
Feb 14 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
React应用中使用Bootstrap的方法
Aug 15 Javascript
微信小程序-API接口安全详解
Jul 16 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 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
php curl_init函数用法
2014/01/31 PHP
php冒泡排序、快速排序、快速查找、二维数组去重实例分享
2014/04/24 PHP
php生成html文件方法总结
2014/12/01 PHP
PHP实现自动对图片进行滚动显示的方法
2015/03/12 PHP
smarty自定义函数用法示例
2016/05/20 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
js更优雅的兼容
2010/08/12 Javascript
js实现仿阿里巴巴城市选择框效果实例
2015/06/24 Javascript
jquery无限级联下拉菜单简单实例演示
2015/11/23 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
2016/12/15 Javascript
JS判断两个对象内容是否相等的方法示例
2017/04/10 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
2017/05/11 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
[01:31:03]DOTA2完美盛典全回顾 见证十五项大奖花落谁家
2017/11/28 DOTA
Python3实现生成随机密码的方法
2014/08/23 Python
python处理大数字的方法
2015/05/27 Python
python算法表示概念扫盲教程
2017/04/13 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
Python 利用pydub库操作音频文件的方法
2019/01/09 Python
django 类视图的使用方法详解
2019/07/24 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
关于python scrapy中添加cookie踩坑记录
2020/11/17 Python
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
办公室秘书自我鉴定
2014/01/18 职场文书
初二生物教学反思
2014/02/03 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
中学生国旗下讲话稿
2014/04/26 职场文书
2014年建筑工作总结
2014/11/26 职场文书
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫