如何使用jQuery搜索XML文件?

时间:2014-02-25 22:08:21

标签: jquery xml

我正在尝试使用World Weather Online服务编写应用程序。来自他们网站的请求给我一个天气代码,告诉我们天气的类型。此值是与XML文件中的描述相对应的数字,如下所示:

<condition>
    <code>119</code>
    <description>Cloudy</description>
    <day_icon>
      wsymbol_0003_white_cloud</day_icon>
    <night_icon>
      wsymbol_0004_black_low_cloud
    </night_icon>
    </condition>
  <condition>
    <code>116</code>
    <description>Partly Cloudy</description>
    <day_icon>wsymbol_0002_sunny_intervals</day_icon>
    <night_icon>wsymbol_0008_clear_sky_night</night_icon>
  </condition>
  <condition>
    <code>113</code>
    <description>Clear/Sunny</description>
    <day_icon>wsymbol_0001_sunny</day_icon>
    <night_icon>wsymbol_0008_clear_sky_night</night_icon>
  </condition>

使用此XML文件为我提供了翻译其他语言的优势。我需要的是搜索代码并将描述输入变量供以后使用。

如何使用jQuery执行此操作?

/卡尔

1 个答案:

答案 0 :(得分:1)

工作演示 http://jsfiddle.net/JtCrH/http://jsfiddle.net/usFtT/

您正在寻找的API是:

休息应符合您的需求:)

<强>码

$(document).ready(function () {
    var str = "<xml version='1.0'><condition><code>119</code><description>Cloudy</description><day_icon>wsymbol_0003_white_cloud</day_icon><night_icon>wsymbol_0004_black_low_cloud</night_icon></condition></xml>";
    var xmlDoc = $.parseXML(str);
    var $xml = $(xmlDoc);
    var $Name = $xml.find('code');
    var $Description = $xml.find('description');
    $('span').html($Name);
    $('span').append($Description);
});