如何仅从每个嵌套元素中获取图像标记？

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 )获取您需要的属性。