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