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动态添加这些<li>项。我想遍历这些<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 );
});

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

Jquery：遍历li并获取元素

2 个答案: