Jquery:遍历 li 并获取其中的元素

Question

这道题看似简单，但我就是做不对。

<ul id="myUL">
   <li id="item1">
      <select class="partDesc"><option>Front</option><option>Rear</option></select>
      <input type="text" class="itemDesc">
      <img src="images/myimg.jpg" class="itemImg" > 
   </li>
   <li id="item2">
      <select class="partDesc"><option>Front</option><option>Rear</option></select>
      <input type="text" class="itemDesc">
      <img src="images/myimg.jpg" class="itemImg" > 
   </li>
</ul>

这些 <li>使用 jquery 动态添加项目。我要遍历这些<li>项并获取所有输入，包括从 partDesc 中选择的值, 文本来自 itemDes和 src来自 itemImg .

这是我卡住的地方:

$("#myUL li").each(function() {<br>
    var partDesc = $(this).??;<br>
    var itemDesc = $(this).??;<br>
    var itemImg = $(this).??;<br>
 });

感谢阅读。

Answer 1

以下脚本应该对您有所帮助。这是 demo

$("#myUL li").each(function() {
    var partDesc = $(this).find('.partDesc').val();
    var itemDesc = $(this).find('.itemDesc').val();
    var itemImg = $(this).find('.itemImg').attr('src');
    alert('partDesc: '+partDesc);
    alert('itemDesc: '+itemDesc );
    alert('itemImg: '+itemImg );
});