本文實例講述了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程序設計有所幫助。