用于刷新信息的 XML 到 HTML 功能

Question

我正在制作一个实时火车板，它从网站中提取 XML 数据、填充它并为其制作动画。我已经将它布置好并获得了动画集，但现在我需要帮助将 XML 数据放在正确的位置.

动画的codepen：http://codepen.io/Spiderian/pen/FBjhk

我尝试填充的 XML 并经常重新检查它。

<trains>
<line><name>2</name><status>GOOD</status><text/><Date/><Time/></line>
<line><name>3</name><status>DELAYS</status><text/><Date/><Time/></line>
<line><name>4</name><status>WORK</status><text/><Date/><Time/></line>
<line><name>5</name><status>GOOD</status><text/><Date/><Time/></line>
</trains>

我是否必须为 .append 函数使用不同的东西才能使其与 XML 一起使用？

Answer 1

jQuery 也可以很好地处理 XML。我将在这个答案中专注于解析它，因为我假设您已经熟悉从您使用 AJAX 的任何 Web 服务获取 XML。

使用 XML 创建一个新的 jQuery 对象，然后使用典型的选择器对其进行解析。例如，要获取第一行的服务，您可以使用以下内容：

var stats = xml.find('line:first status').text();

以下是从 XML 创建新 jQuery 对象的方法：

var xml = $('<trains>\
<line><name>2</name><status>GOOD</status><text/><Date/><Time/></line>\
<line><name>3</name><status>DELAYS</status><text/><Date/><Time/></line>\
<line><name>4</name><status>WORK</status><text/><Date/><Time/></line>\
<line><name>5</name><status>GOOD</status><text/><Date/><Time/></line>\
</trains>');

从 XML 中获得值后，您可以使用 text() 或 html() 将其添加到现有标记中。

jsFiddle Demo