用于刷新信息的XML到HTML函数

Question

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

动画的代码笔：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演示