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

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

1 个答案: