通过XML解析函数循环并显示在HTML中

Question

我有一个函数，此时在iPhone应用程序中显示硬编码的XML数据;

function viewXMLFiles() { 
     xmlhttp = new XMLHttpRequest(); 
     xmlhttp.open("GET", "TestInfo.xml", false); 
     xmlhttp.send(); 

     xmlDoc = xmlhttp.responseXML; 

     document.getElementById("docname").innerHTML = xmlDoc.getElementsByTagName("document_name")[0].childNodes[0].nodeValue; 
     document.getElementById("filetype").innerHTML = xmlDoc.getElementsByTagName("file_type")[0].childNodes[0].nodeValue; 
     document.getElementById("fileloc").innerHTML = pathToRoot + "/" + document.getElementById("docname").innerHTML; 

     document.getElementById("docname1").innerHTML = xmlDoc.getElementsByTagName("document_name")[1].childNodes[0].nodeValue; 
     document.getElementById("filetype1").innerHTML = xmlDoc.getElementsByTagName("file_type")[1].childNodes[0].nodeValue; 
     document.getElementById("fileloc1").innerHTML = pathToRoot + "/" + document.getElementById("docname1").innerHTML; 
    } 

，我希望把它变成一个循环，这样当我添加选择上传文件的文件会自动循环并点击，而不必更改代码按钮时显示的数据。该按钮被编码为这样;

<button onclick = "viewXMLFiles(); document.getElementById('showDocumentLink').style.display = 'block';">View Document Info</button><br> 

并且页面被设置为将XML加载到其中;

<div id = "doclist"> 
     <h2>Document 1;</h2> 
     <label>Document Name;</label><br><span id = "docname"></span><br> 
     <label>File Type</label><br><span id = "filetype"></span><br> 
     <label>File Location</label><br><span id = "fileloc"></span><br> 
    </div> 

    <div id = "doclist"> 
     <h2>Document 2;</h2> 
     <label>Document Name;</label><br><span id = "docname1"></span><br> 
     <label>File Type</label><br><span id = "filetype1"></span><br> 
     <label>File Location</label><br><span id = "fileloc1"></span><br> 
    </div> 

我真的很新的XML文件，以及如何使用JavaScript解析它们，所以在显示我的任何帮助，如何将它们正确地为for循环将是巨大的。我真的不知道该怎么做，所以任何帮助都会非常感激。感谢提前:)

Answer 1

试试这个....

xmlDoc = $.parseXML(xml), 
$xml = $(xmlDoc), 
$title = $xml.find("document_name"); 
$("#docname").append($title.text());