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 相关文章推荐
Checbox的操作含已选、未选及判断代码
Nov 07 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
js解决movebox移动问题
Mar 29 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
codeMirror插件使用讲解
Jan 16 Javascript
JavaScript Canvas绘制圆形时钟效果
Aug 20 Javascript
Javascript ES6中数据类型Symbol的使用详解
May 02 Javascript
详谈JS中数组的迭代方法和归并方法
Aug 11 Javascript
webpack踩坑之路图片的路径与打包
Sep 05 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
Nov 16 Javascript
vue实现的请求服务器端API接口示例
May 25 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 字符串替换的方法
2012/01/10 PHP
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
php基本函数汇总
2015/07/09 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
Jquery操作radio的简单实例
2014/01/06 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
2015/09/25 Javascript
学习使用bootstrap3栅格系统
2016/04/12 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
简述Angular 5 快速入门
2017/11/04 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
11行JS代码制作二维码生成功能
2018/03/09 Javascript
Vue.js上传图片到阿里云OSS存储的方法示例
2018/12/13 Javascript
qrcode生成二维码微信长按无法识别问题的解决
2019/04/04 Javascript
antd design table更改某行数据的样式操作
2020/10/31 Javascript
[54:51]Ti4 冒泡赛第二轮LGD vs C9 3
2014/07/14 DOTA
[03:45]Newbee战队出征西雅图 决战2016国际邀请赛
2016/08/02 DOTA
python虚拟环境virtualenv的使用教程
2017/10/20 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
python 解决print数组/矩阵无法完整输出的问题
2020/02/19 Python
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
html5定位获取当前位置并在百度地图上显示
2014/08/22 HTML / CSS
加拿大在线隐形眼镜专家:PerfectLens.ca
2016/11/19 全球购物
上海方立数码笔试题
2013/10/18 面试题
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
2014年3.15团委活动总结
2014/03/16 职场文书
2016学习医德医风心得体会
2016/01/25 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
PyQt5爬取12306车票信息程序的实现
2021/05/14 Python
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL