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实现图片放大缩小功能后进行复杂排序的方法
Nov 08 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
Feb 05 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 Javascript
简单介绍jsonp 使用小结
Jan 27 Javascript
js倒计时简单实现代码
Aug 11 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
微信小程序 页面跳转和数据传递实例详解
Jan 19 Javascript
JS全角与半角转化实例(分享)
Jul 04 Javascript
angular6的响应式表单的实现
Oct 10 Javascript
微信小程序音乐播放器开发
Nov 20 Javascript
vue实现图片上传预览功能
Dec 23 Javascript
vue实现水波涟漪效果的点击反馈指令
May 31 Vue.js
基于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数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
apache和php之间协同工作的配置经验分享
2013/04/08 PHP
PHP临时文件的安全性分析
2014/07/04 PHP
ThinkPHP Where 条件中常用表达式示例(详解)
2017/03/31 PHP
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
2007/03/06 Javascript
JS文本框不能输入空格验证方法
2013/03/19 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
JSONP跨域请求实例详解
2016/07/04 Javascript
jquery html5 视频播放控制代码
2016/11/06 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
JS实现自定义弹窗功能
2018/08/08 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
2020/09/21 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
[33:19]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第一场 11.26
2020/11/30 DOTA
Python爬虫实例_利用百度地图API批量获取城市所有的POI点
2018/01/10 Python
python pygame实现2048游戏
2018/11/20 Python
Python企业编码生成系统之主程序模块设计详解
2019/07/26 Python
基于logstash实现日志文件同步elasticsearch
2020/08/06 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
英国领先的游戏零售商:GAME
2019/09/24 全球购物
C#软件工程师英语面试题
2015/06/07 面试题
模具设计与制造专业应届生求职信
2013/10/18 职场文书
自我评价如何写好?
2014/01/05 职场文书
优秀学生评语大全
2014/04/25 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
聊聊golang中多个defer的执行顺序
2021/05/08 Golang
解读Vue组件注册方式
2021/05/15 Vue.js
详解Python中*args和**kwargs的使用
2022/04/07 Python