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>

这些

项是使用 jquery 动态添加的。 我想遍历这些

项并获取所有输入，包括来自 partDesc 的选定值、来自 itemDes 和 的文本来自 itemImg 的 src。

这就是我坚持的地方：

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

感谢您的阅读。

Answer 1

下面的脚本应该对你有帮助。这是演示

$("#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 );
});

Answer 2

$("#myUL li").each(function() {
    var partDesc = $(this).children("select:selected").text();
    var itemDesc = $(this).children("input").val();
    var itemImg = $(this).children("img").attr("src");
});