这篇文章主要介绍了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程序设计有所帮助。