Question

我有一个带图像标记的简单XMl文件：

XML：

<img src="images/image1" alt="My Image 1" />
<img src="images/image2" alt="My Image 2" />
<img src="images/image3" alt="My Image 3" />
<img src="images/image4" alt="My Image 4" />

我需要在HTML表单的<div>标记内插入此内容（“src”attrib）。

HTML：

<div id="photos">
</div>

有谁知道如何使用 jQuery ？

完成此操作

先谢谢。

小时。

Answer 1

由于您的xml文件包含有效的html标记，为什么不将它直接插入到div中？

$('#photos').load('TheFile.xml')

Answer 2

如下：

<script type="text/javascript">
function imageData() {
    //first we need to load the XML data for that detail row
    //if the function is a success it will call the function called processDetail
    $.ajax({
       type: "GET",
       url: "PATH_TO_XML_GOES_HERE",
       dataType: "xml",
       success: getImages
     });
}

function getImages(xml) {
    //this function gets the results from the xml file
    //and inserts them in to the boxes
    $(xml).find("img").each(function()   {
        $("#photos").append(this);
    });
}
</script>

在这里

黑客表单：http://www.getdowntonight.co.uk/2009/08/using-xml-in-your-jquery-to-populate-input-boxes/

可能无法正常工作，但看起来它会让你上路。

如何使用jQuery解析XML并将内容插入HTML表单？

2 个答案: