子ノードをループしてvalues_jqueryを取得するjQueryメソッド

この記事の例では、jQuery が子ノードをループして値を取得する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

HTML コード部分:

<div class="left_tree_ad_btn_container">
 <ul>
  <li class="tree_ad_btn_bg"><img  src="/static/imghwm/default1.png"  data-src="/images/insurance/3lianad_small.jpg"  class="lazy" / alt="子ノードをループしてvalues_jqueryを取得するjQueryメソッド" >
  </li>
 </ul>
 <ul>
  <li class="tree_ad_btn_bg have_bg"><img  src="/static/imghwm/default1.png"  data-src="/images/insurance/3lianad_small.jpg"  class="lazy" / alt="子ノードをループしてvalues_jqueryを取得するjQueryメソッド" ></li>
 </ul>
 <ul>
  <li class="tree_ad_btn_bg"><img  src="/static/imghwm/default1.png"  data-src="/images/insurance/3lianad_small.jpg"  class="lazy" / alt="子ノードをループしてvalues_jqueryを取得するjQueryメソッド" ></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 プログラミングのすべての人に役立つことを願っています。