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 相关文章推荐
子窗口、父窗口和Silverlight之间的相互调用
Aug 16 Javascript
javascript中的数字与字符串相加实例分析
Aug 14 Javascript
js 获取、清空input type=&quot;file&quot;的值示例代码
Feb 19 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
Mar 05 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
Jul 17 Javascript
微信小程序返回多级页面的实现方法
Oct 27 Javascript
Node.js进阶之核心模块https入门
May 23 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
Jul 16 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
Mar 02 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 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
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
PHP读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
PHP面向对象之旅:深入理解static变量与方法
2014/01/06 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
jquery 上下滚动广告
2009/06/17 Javascript
学习ExtJS border布局
2009/10/08 Javascript
基于JQuery框架的AJAX实例代码
2009/11/03 Javascript
js 无提示关闭浏览器页面的代码
2010/03/09 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
2016/07/18 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
2018/04/18 Javascript
jQuery实现常见的隐藏与展示列表效果示例
2018/06/04 jQuery
vue组件表单数据回显验证及提交的实例代码
2018/08/30 Javascript
Node 搭建一个静态资源服务器的实现
2019/05/20 Javascript
Python import自定义模块方法
2015/02/12 Python
Python中使用gzip模块压缩文件的简单教程
2015/04/08 Python
Linux下通过python访问MySQL、Oracle、SQL Server数据库的方法
2016/04/23 Python
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
python简单区块链模拟详解
2019/07/03 Python
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
allbeauty美国:英国在线美容店
2019/03/11 全球购物
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
Timberland法国官网:购买靴子、鞋子、衣服、夹克和配饰
2019/11/30 全球购物
函授自我鉴定范文
2014/02/06 职场文书
贸易跟单员英文求职信
2014/04/19 职场文书
青年标兵事迹材料
2014/08/16 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
用python批量解压带密码的压缩包
2021/05/31 Python