如何從xml文件的父標記的ID中獲取特定標記名稱

Question

我在畫布上使用JavaScript AJAX顯示XML文件中的記錄。我的意圖是顯示來自特定父標記ID而不是完整列表的子記錄。

XML文件：

<Content> 
<pages> 
    <page id="1"> 
    <flag id="1"> 
    <lang id="eng"> 
     <img>img/abc1.PNG</img> 
    </lang> 
    <lang id="eng"> 
     <img>img/abc2.PNG</img> 
    </lang> 
    <lang id="eng"> 
     <img>img/abc3.PNG</img> 
    </lang> 
    </flag> 
    </page> 

<page id="2"> 
    <flag id="1"> 
    <lang id="eng"> 
    <img>img/xyz1.PNG</img> 
    <img>img/xyz2.PNG</img> 
    </lang> 
    </flag> 
</page> 

</pages> 
</Content> 

我想要得到的圖像名稱頁ID = 「1」

預期輸出：

img/abc1.PNG 
img/abc2.PNG 
img/abc3.PNG 

Answer 1

看看XML到JSON轉換器在https://code.google.com/p/x2js/

Answer 2

試試這個，

var xmlString = '<Content><pages> <page id="1"> <flag id="1"> <lang id="eng">  <img>img/abc1.PNG</img> </lang> <lang id="eng">  <img>img/abc2.PNG</img> </lang> <lang id="eng">  <img>img/abc3.PNG</img> </lang> </flag> </page> <page id="2"> <flag id="1"> <lang id="eng">  <img>img/xyz1.PNG</img>  <img>img/xyz2.PNG</img> </lang> </flag> </page> </pages></Content>', 
 
    xmlDoc = $.parseXML(xmlString), 
 
    $xml = $(xmlDoc); 
 
for (var i = 0; i < $xml.find("page").length; i++) { 
 
    if ($($xml.find("page")[i]).attr('id') == 1) { 
 
    alert($($xml.find("page")[i]).find('img').text()); 
 
    } 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

希望一些小小的改變讓他爲你工作。