jquery - jquery xml属性返回未定义

Question

我无法弄清楚这一点，现在已经搞砸了一段时间。

XML:

<page name="bio">
<image imageUrl="img/bio.png" link="#"/>
<texts>
<pageText><![CDATA[blah
]]></pageText>
</texts>
</page>

jQuery

$.get('../tfile_main.xml', function(xml){
$varbioimg = $(xml).find('page[name="bio"] image');
alert($varbioimg.attr('imageUrl'));
});

由于某种原因，这返回未定义，我也尝试找到（'page[name="bio"] > image')

Answer 1

试试看.parseXML，不推荐使用jQuery的css选择器解析xml

var xml = '<page name="bio"><image imageUrl="img/bio.png" link="#"/><texts><pageText><![CDATA[blah]]></pageText></texts></page>';

xmlDoc = $.parseXML( xml );
$xml = $( xmlDoc );    
console.log($xml.find('page[name="bio"] image'));

这是演示http://jsfiddle.net/FVHEU/

Answer 2

在我第二次使用.parseXML时，我还必须提到您的原始示例对我有用。确保您的 XML 文件与您在此处发布的内容完全匹配（<?xml version="1.0">在顶部添加），并使用 Firefox 导航到 XML 文件的 URL；它会让你知道是否有任何解析错误。