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

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