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 相关文章推荐
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
Jquery封装tab自动切换效果的具体实现
Jul 13 Javascript
javascript解析json实例详解
Nov 05 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
JavaScript获取当前cpu使用率的方法
Dec 15 Javascript
Node.js 应用跑得更快 10 个技巧
Apr 03 Javascript
Bootstrap3.0学习教程之JS折叠插件
May 27 Javascript
JS实现简单的天数计算器完整实例
Apr 28 Javascript
JavaScript输入框字数实时统计更新
Jun 17 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 Javascript
JS字符串常用操作方法实例小结
Jun 24 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
上海无线电三厂简史修改版
2021/03/01 无线电
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
2010/09/15 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
2014/06/05 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
基于BootStrap环境写jQuery tabs插件
2016/07/12 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
pc加载更多功能和移动端下拉刷新加载数据
2016/11/07 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
JS鼠标滚动分页效果示例
2017/07/05 Javascript
浅谈Vue-cli 命令行工具分析
2017/11/22 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
2020/04/21 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
2019/04/26 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
Python中不同进制的语法及转换方法分析
2016/07/27 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
Python爬虫包BeautifulSoup实例(三)
2018/06/17 Python
python如何实现异步调用函数执行
2019/07/08 Python
Python 实现Serial 与STM32J进行串口通讯
2019/12/18 Python
python随机模块random使用方法详解
2020/02/14 Python
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
中国电视购物:快乐购
2017/02/04 全球购物
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
Java基础知识面试要点
2016/07/29 面试题
服装电子商务创业计划书
2014/01/30 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
大连星海广场导游词
2015/02/10 职场文书
goland 恢复已更改文件的操作
2021/04/28 Golang
goland 设置project gopath的操作
2021/05/06 Golang
Java 超详细讲解设计模式之中的抽象工厂模式
2022/03/25 Java/Android
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL