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 相关文章推荐
将光标定位于输入框最右侧实现代码
Dec 04 Javascript
使用jquery实现图文切换效果另加特效
Jan 20 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
JavaScript的作用域和块级作用域概念理解
Sep 21 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
JavaScript实现将UPC转换成ISBN的方法
May 26 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
Jan 25 Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 Javascript
vue实现手机端省市区区域选择
Sep 27 Javascript
JavaScript 实现同时选取多个时间段的方法
Oct 17 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 array_intersect()函数使用代码
2009/01/14 PHP
跟我学Laravel之快速入门
2014/10/15 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
PHP获取星期几的常用方法小结
2018/12/18 PHP
javascript 函数调用的对象和方法
2010/07/01 Javascript
JavaScript中使用正则匹配多条,且获取每条中的分组数据
2010/11/30 Javascript
JavaScript中setAttribute用法介绍
2013/07/20 Javascript
js处理json以及字符串的比较等常用操作
2013/09/08 Javascript
如何让DIV可编辑、可拖动示例代码
2013/09/18 Javascript
jquery 日期控件datepicker属性详细解析
2013/11/08 Javascript
javascript获取dom的下一个节点方法
2014/09/05 Javascript
JS逆序遍历实现代码
2014/12/02 Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
2015/01/19 Javascript
jquery实现在光标位置插入内容的方法
2015/02/05 Javascript
javascript随机显示背景图片的方法
2015/06/18 Javascript
javascript正则表达式总结
2016/02/29 Javascript
JavaScript学习笔记整理_setTimeout的应用
2016/09/19 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
2020/06/26 Javascript
JavaScript实现滚动加载更多
2020/12/27 Javascript
菜鸟使用python实现正则检测密码合法性
2016/01/05 Python
SVM基本概念及Python实现代码
2017/12/27 Python
Python无损音乐搜索引擎实现代码
2018/02/02 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
Jupyter Notebook折叠输出的内容实例
2020/04/22 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
python爬取微博评论的实例讲解
2021/01/15 Python
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
软件部经理岗位职责范本
2014/02/25 职场文书
《满井游记》教学反思
2014/02/26 职场文书
法律意见书范文
2015/05/20 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
通讯稿格式及范文
2015/07/22 职场文书
求职信如何撰写?
2019/05/22 职场文书