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插件zTree实现删除树子节点的方法示例
• jquery获取子节点和父节点的示例代码
• jQuery获取节点和子节点文本的方法
• jquery实现点击TreeView文本父节点展开/折叠子节点
• jquery 取子节点及当前节点属性值的方法
• jquery 取子节点及当前节点属性值
• jquery的父、子、兄弟节点查找,节点的子节点循环方法
• jQuery插件zTree实现清空选中第一个节点所有子节点的方法
• jQuery删除/清空指定元素的所有子节点实例代码