この記事の例では、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 テーブル (テーブル) 操作のスキルの概要」を参照してください。 " 、"jQuery のドラッグ効果とテクニックのまとめ"、"jQuery 拡張テクニックのまとめ"、"jQuery の一般的な古典的な特殊効果のまとめ" 、「jQuery アニメーションと特殊効果の使い方まとめ」、「jQuery セレクターの使い方まとめ」、「jQuery の共通プラグインと使い方まとめ」
この記事が jQuery プログラミングのすべての人に役立つことを願っています。