하위 노드를 반복하고 value_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="하위 노드를 반복하고 value_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="하위 노드를 반복하고 value_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="하위 노드를 반복하고 value_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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.