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 Demo模态窗口
Dec 06 Javascript
javascript:json数据的页面绑定示例代码
Jan 26 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
May 11 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
jQuery中index()的用法分析
Sep 05 Javascript
AngularJs实现ng1.3+表单验证
Dec 10 Javascript
详解百度百科目录导航树小插件
Jan 08 Javascript
vue实现简单表格组件实例详解
Apr 16 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
Aug 10 Javascript
jquery分页插件pagination使用教程
Oct 23 jQuery
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
Vue-cli打包后部署到子目录下的路径问题说明
Sep 02 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
Erlang的运算符(比较运算符,数值运算符,移位运算符,逻辑运算符)
2012/07/23 PHP
PHP sdk文档处理常用代码示例解析
2020/12/09 PHP
javascript AutoScroller 函数类
2009/05/29 Javascript
JavaScript打字小游戏代码
2011/12/26 Javascript
js中onload与onunload的使用示例
2013/08/25 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
2013/11/19 Javascript
第四章之BootStrap表单与图片
2016/04/25 Javascript
jQuery验证插件validate使用方法详解
2020/09/13 Javascript
bootstrap学习笔记之初识bootstrap
2016/06/21 Javascript
用jmSlip编写移动端顶部日历选择控件
2016/10/24 Javascript
angular ngClick阻止冒泡使用默认行为的方法
2016/11/03 Javascript
Bootstrap table右键功能实现方法
2017/02/20 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
JS实现可视化文件上传
2018/09/08 Javascript
layer实现弹出层自动调节位置
2019/09/05 Javascript
JavaScript canvas仿代码流瀑布
2020/02/10 Javascript
详解nginx配置vue h5 history去除#号
2020/11/09 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
2021/02/20 Vue.js
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
pyqt弹出新对话框,以及关闭对话框获取数据的实例
2019/06/18 Python
详解Python3中setuptools、Pip安装教程
2019/06/18 Python
Python字典对象实现原理详解
2019/07/01 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
玛蒂尔达简服装:Matilda Jane Clothing
2019/02/13 全球购物
自荐信封面
2013/12/04 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
教学个人的自我评价分享
2014/02/16 职场文书
社区平安建设方案
2014/05/25 职场文书
争先创优演讲稿
2014/09/15 职场文书
2015年图书馆个人工作总结
2015/05/26 职场文书
2015选调生工作总结
2015/07/24 职场文书
教学副校长工作总结
2015/08/13 职场文书
基于angular实现树形二级表格
2021/10/16 Javascript
海贼王十大潜力果实,路飞仅排第十,第一可毁世界(震震果实)
2022/03/18 日漫