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 相关文章推荐
ExtJS GridPanel 根据条件改变字体颜色
Mar 08 Javascript
php与js的区别是什么
Aug 05 Javascript
理解javascript封装
Feb 23 Javascript
AngularJS表单验证功能分析
May 26 Javascript
vue时间格式化实例代码
Jun 13 Javascript
angularJs中$scope数据序列化的实例
Sep 30 Javascript
微信小程序Flex布局用法深入浅出分析
Apr 25 Javascript
详解Vue、element-ui、axios实现省市区三级联动
May 07 Javascript
详解VSCode配置启动Vue项目
May 14 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
在Vue项目中,防止页面被缩放和放大示例
Oct 28 Javascript
基于Cesium绘制抛物弧线
Nov 18 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 ElasticSearch做搜索实例讲解
2020/02/05 PHP
js prototype 格式化数字 By shawl.qiu
2007/04/02 Javascript
javascript 写类方式之九
2009/07/05 Javascript
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
2012/05/14 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
jquery获取多个checkbox的值异步提交给php
2015/07/07 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
2015/12/20 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
微信小程序云开发实现云数据库读写权限
2019/05/17 Javascript
关于NodeJS中的循环引用详解
2019/07/23 NodeJs
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
JavaScript实现简单动态表格
2020/12/02 Javascript
Python random模块常用方法
2014/11/03 Python
Python中的tuple元组详细介绍
2015/02/02 Python
python协程用法实例分析
2015/06/04 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
flask框架使用orm连接数据库的方法示例
2018/07/16 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
Python运行DLL文件的方法
2020/01/17 Python
Python无头爬虫下载文件的实现
2020/04/02 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
CSS3中的Media Queries学习笔记
2016/05/23 HTML / CSS
Elemental Herbology官网:英国美容品牌
2019/04/27 全球购物
乐高西班牙官方商店:LEGO Shop ES
2019/12/01 全球购物
德国最大的婴儿用品网上商店:Kidsroom.de(支持中文)
2020/09/02 全球购物
Jdbc数据访问技术面试题
2012/03/30 面试题
计算机专业推荐信范文
2013/11/20 职场文书
市场营销求职信范文
2014/02/21 职场文书
《一个小村庄的故事》教学反思
2014/04/13 职场文书
医院深入开展党的群众路线教育实践活动实施方案
2014/08/27 职场文书
开会通知
2015/04/20 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python
一篇文章了解正则表达式的替换技巧
2022/02/24 Javascript