如何使用jquery在XML數據島中查找元素？

Question

如何使用jQuery輸出XML數據島？下面是我的代碼示例：

<script id="XML" type="application/xml"> 
    <designs> 
     <design id="17161" style="44DSW" image="/500.jpg"></design> 
    </designs> 
</script> 

console.log(jQuery('designs design[id="17161"]').attr('style'));   

輸出應該是：44DSW

Answer 1

您需要使用jQuery.parseXML()解析字符串轉換成XML文檔。 Parsed XML就像HTML文檔，你可以在其中找到你的元素。

var xml = $.parseXML($('#XML').text()); 
 
var style = $(xml).find('design[id="17161"]').attr('style'); 
 
console.log(style);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script id="XML" type="application/xml"> 
 
    <designs> 
 
    <design id="17161" style="44DSW" image="/500.jpg"></design> 
 
    </designs> 
 
</script>

Answer 2

您可以使用未來的語法：

console.log($($("#XML").text()).find("design")[0].attributes.style.value)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
\t <script id="XML" type="application/xml"> 
 
\t <designs> 
 
\t \t <design id="17161" style="44DSW" image="/500.jpg"></design> 
 
\t </designs> 
 
\t </script>