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代码
Nov 29 Javascript
javascript实现的多个层切换效果通用函数实例
Jul 06 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
Nov 23 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
May 05 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
Angular 表单控件示例代码
Jun 26 Javascript
vue实现消息的无缝滚动效果的示例代码
Dec 05 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
Aug 29 Javascript
jquery操作select常见方法大全【7种情况】
May 28 jQuery
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
在VUE中使用lodash的debounce和throttle操作
Nov 09 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
正则表达式语法
2006/10/09 Javascript
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
php自动加载方式集合
2016/04/04 PHP
JS 常用校验函数
2009/03/26 Javascript
JavaScript的eval JSON object问题
2009/11/15 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
DOM基础教程之事件类型
2015/01/20 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
js闭包用法实例详解
2016/12/13 Javascript
基于BootStrap的文本编辑器组件Summernote
2017/10/27 Javascript
JavaScript数组去重算法实例小结
2018/05/07 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
2019/01/04 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
2019/05/06 Javascript
vue 使用鼠标滚动加载数据的例子
2019/10/31 Javascript
小程序实现投票进度条
2019/11/20 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
Python中实现结构相似的函数调用方法
2015/03/10 Python
Python中取整的几种方法小结
2017/01/06 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
Python 函数用法简单示例【定义、参数、返回值、函数嵌套】
2019/09/20 Python
ubuntu16.04升级Python3.5到Python3.7的方法步骤
2020/08/20 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
科颜氏法国官网:Kiehl’s法国
2019/08/20 全球购物
社会实践活动总结报告
2014/04/29 职场文书
儿童生日会策划方案
2014/05/15 职场文书
保送生自荐信
2015/03/06 职场文书
个人自荐书怎么写
2015/03/26 职场文书
实习单位鉴定意见
2015/06/04 职场文书
男方家长婚礼答谢词
2015/09/29 职场文书
六年级作文之预言作文
2019/10/25 职场文书
python 破解加密zip文件的密码
2021/04/22 Python
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB