通過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());