脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery循环遍历子节点并获取值

jQuery循环遍历子节点并获取值的方法

 更新时间：2016年04月14日 15:04:14   作者：qiaolevip  
这篇文章主要介绍了jQuery循环遍历子节点并获取值的方法,涉及jQuery节点的遍历与属性操作相关技巧,需要的朋友可以参考下

本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《jQuery遍历算法与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • jQuery结合ajax实现动态加载文本内容

    jQuery结合ajax实现动态加载文本内容

    本文实例讲述了jquery通过ajax加载一段文本内容的方法。分享给大家供大家参考。这是一个简单的例子，注意编码问题，否则可能会出现乱码。
    2015-05-05
  • 基于jquery编写的放大镜插件

    基于jquery编写的放大镜插件

    这篇文章主要为大家详细介绍了基于jquery编写的放大镜插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-03-03
  • jquery性能优化高级技巧

    jquery性能优化高级技巧

    jquery性能优化做好，速度也很快，那么如何提高jquery性能呢，本篇文章给大家介绍jquery性能优化高级技巧，需要的朋友可以参考下
    2015-08-08
  • 基于Jquery的标签智能验证实现代码

    基于Jquery的标签智能验证实现代码

    一直在寻找最快捷方便的信息验证方法，之前自己编过JS版验证但要写很多辅助代码，经过许多次改进，还是觉得太麻烦代码还多，维护起太费尽。
    2010-12-12
  • 基于jquery的无缝循环新闻列表插件

    基于jquery的无缝循环新闻列表插件

    基于jquery的无缝循环新闻列表插件,需要的朋友可以参考下。
    2011-03-03
  • 模拟select的代码

    模拟select的代码

    模拟select的代码，使用jquery的朋友可以参考下。
    2011-10-10
  • jQuery实现打开页面渐现效果示例

    jQuery实现打开页面渐现效果示例

    这篇文章主要介绍了jQuery实现打开页面渐现效果的方法,结合实例形式分析了jQuery样式操作及页面元素的渐变效果实现技巧,需要的朋友可以参考下
    2016-07-07
  • 关于两个jQuery(js)特效冲突的bug的解决办法

    关于两个jQuery(js)特效冲突的bug的解决办法

    下面小编就为大家带来一篇关于两个jQuery(js)特效冲突的bug的解决办法。小编觉得挺不错的，现在就分享 给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • jQuery中值得注意的trigger方法浅析

    jQuery中值得注意的trigger方法浅析

    在前端页面开发中,我们有时候希望能自定执行一些人性化操作,比如鼠标不用点击自动就能点击等操作,利用传统的js语言需要编写复杂的代码才能实现此功能,这时候我们使用jquery的trigger()方法就能轻松实现。本文就给大家详细介绍了关于jQuery中值得注意的trigger方法。
    2016-12-12
  • jQuery实现仿路边灯箱广告图片轮播效果

    jQuery实现仿路边灯箱广告图片轮播效果

    本文给大家介绍的是使用jQuery实现仿路边灯箱广告图片轮播切换特效，效果非常棒，有需要的小伙伴可以参考下。
    2015-04-04

最新评论