Question

我有以下XML文件

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

如您所见，我的元素有一个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>

如何提取href属性并将相应的图像加载到div＆＃34; wrap＆＃34;？我试过这个Implementing Images in HTML using XML但是没有用。谢谢你们

Answer 1

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

创建对象

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

Answer 2

您可以尝试：

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

希望它有用。

Answer 3

以这种方式获取href属性

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

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

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

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

3 个答案: