<script>
$(document).ready(function(){
var xml = "<rss version='2.0'><channel><title>MyTitle</title></channel></rss>";
var data = $.parseXML(xml);
console.log(data);
$(data).find('rss').each(function(){
var name = $(this).attr('version');
$('<div class="items"></div>').html('<a href="'+name+'"></a>').appendTo('#page-wrap');
});
});
</script>
<body>
<div id="page-wrap">
</div>
</body>
上面的代码有什么问题?我只是得到一个空白页。它甚至没有超出 var 数据声明。
编辑:现在我将正确的 xml 传递给 parseXML() 但仍然没有结果。还缺少什么?
EDIT2:知道为什么下面的代码不会在 Chrome 浏览器上显示任何输出吗?尽管将脚本和 html 代码放入 JSFiddle 时会产生正确的结果。
EDIT3:使用 jquery-1.9.0 使它工作。感谢大家的帮助和支持。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery.js">
$(document).ready(function(){
var xml = "<rss version='2.0'><channel><title>MyTitle</title></channel></rss>";
var data = $.parseXML(xml);
console.log(data);
$(data).find('rss').each(function(){
var name = $(this).attr('version');
$('<div class="items"></div>').html('<a href="'+name+'">'+name+'</a>').appendTo('#page-wrap');
});
});
</script>
</head>
<body>
<div id="page-wrap"></div>
</body>
</html>