从XML获取图像源并使用javascript加载它

我有以下XML文件

<PRODUCT>
      <IMAGE><image href="myimage.jpg"/></IMAGE>
      <NAME>TV 47" LCD Full HD Scarlet</NAME>
      <PRICE>4999</PRICE>
</PRODUCT>

TV 47英寸LCD全高清猩红色
4999

如您所见，我的元素有一个href。我可以很容易地从NAME和PRICE中获取文本数据。现在我需要从中获取href属性并加载它。这是我的脚本

<script type="text/javascript">
$(function() 
{ 
$.ajax(
{
    type: "GET",
    url: "xml.xml",
    dataType: "xml",
    success: function(xml) 
    {
        $(xml).find('PRODUCT').each(function() 
        {
            var name = $(this).find('NAME').text();
            var price = $(this).find('PRICE').text();
            var image = $(this).find('IMAGE').text();
            $('<p></p>').html(name+'<br />'+price+'<br />'+image).appendTo('#wrap');
        });
    }
});
});
</script>

$（函数（）
{ 
$.ajax(
{
键入：“获取”，
url:“xml.xml”，
数据类型：“xml”，
成功：函数（xml）
{
$（xml）.find（'PRODUCT'）.each（function（）
{
var name=$（this.find（'name'）.text（）；
var price=$（this.find（'price'）.text（）；
var image=$（this.find（'image'）.text（）；
$（“
”）.html（名称+”
“+price+”
“+image）.appendTo（“#wrap”）；
});
}
});
});

如何提取href属性并将相应的图像加载到div“wrap”中？ 我试过了，但没用。谢谢你们

var image = $(this).find('IMAGE').children().attr("href");

创建对象

imgobject=$("<img />").attr("src",image);

imgobject=$（“您可以尝试：

var imgUrl = $(xml).find("image[href]").attr("href"); 
$yourdiv.append($("<img src=\"" + imgUrl + "\"/>"));   

var-imgUrl=$（xml）.find（“image[href]”）.attr（“href”）；
$yourdiv.append（$（“”））；

希望对您有所帮助。
以这种方式获取href属性

var image = $(xml).find("image[href]").attr("href"); 

以这种方式将内容加载到div

$('#wrap').append($("<img src=\"" +image+"\"/>"));   

$（'#wrap'）。追加（$（“”）；
您应该替换.children（）中的every.find（）函数。我应该从var创建图像对象吗？我的div在图像的位置显示[object object]，您现在知道发生了什么吗？这取决于您如何在div中插入图像。告诉我插入图像时使用的语法