L'exemple de cet article décrit comment jQuery parcourt les nœuds enfants et obtient des valeurs. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
Partie code 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>
Partie du code 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")); });
Les lecteurs intéressés par davantage de contenu lié à jQuery peuvent consulter les sujets spéciaux sur ce site : "Algorithme de traversée JQuery et résumé des compétences", "Résumé des compétences d'opération de table jQuery (table) " , "Résumé des effets et techniques de glisser jQuery", "Résumé des techniques d'extension jQuery", "Résumé des effets spéciaux classiques courants jQuery" , "Résumé de l'utilisation des animations et des effets spéciaux jQuery", "Résumé de l'utilisation du sélecteur jquery" et "Plug-ins communs jQuery et résumé de l'utilisation"
J'espère que cet article sera utile à tous ceux qui programment jQuery.