這篇文章主要介紹了jQuery循環(huán)遍歷子節(jié)點(diǎn)并獲取值的方法,涉及jQuery節(jié)點(diǎn)的遍歷與屬性操作相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery循環(huán)遍歷子節(jié)點(diǎn)并獲取值的方法。分享給大家供大家參考,具體如下:
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程序設(shè)計(jì)有所幫助。