Как получить теги изображения только с каждого вложенного элемента?

Question

Как я могу получить теги изображений только с каждого вложенного элемента?

Например,

<ul>
<li><a href="#" class="box"><span><img src="thumb-pic-1.jpg" alt="123" /></span></a><a href="#"><img src="static-contraption.png" width="357" height="252"/></a></li>
<li><a href="#" class="box"><span><img src="thumb-pic-2.jpg" alt="123" /></span></a></li>
</ul>

Я просто хочу эти теги изображений,

первый элемент списка,

<img src="thumb-pic-1.jpg" alt="123" />
<img src="static-contraption.png" width="357" height="252"/>

второй элемент списка

<img src="thumb-pic-2.jpg" alt="123" />

мой рабочий jquery,

$(".box").each(function(){          

            var object = $(this);
            var object_image = $('img', object).parent().html();
            alert(object_image);

        });

результат для первого элемента списка,

<img src="thumb-pic-1.jpg" alt="123" /> // which is not right as I want two of those image tags

результат для второго элемента списка

<img src="thumb-pic-2.jpg" alt="123" />

Answer 1

http://jsfiddle.net/t8NpD/1/

jQuery

$("li").each(function(){    

   $(this).find('img').each(
        function(index, element){
        alert( $(element).attr('src') );
    })

});

Используйте $(element).attr( attr_name ) для получения необходимого атрибута.