返回未定义的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'));
});

由于某种原因，这返回undefined，我也尝试查找(‘pagename=“bio”> image')

Answer 1

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

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；如果有任何解析错误，它会让您知道。