在 Javascript 中解析 XML 标签元素

Question

我有一个 xml feed，我试图从中提取两个值。我将在下面粘贴基本的 xml feed。

<aws:weather>
     <aws:current-condition icon="http://deskwx.weatherbug.com/images/Forecast/icons/cond034.gif">Mostly Cloudy</aws:current-condition>
</aws:weather>

为了解析此提要，我在 Javascript 中执行了以下操作：

$(document).ready(function(){
    $.get('http://xmlfeed-with-private-api-access.xml', function(d){

    $(d).find('weather').each(function(){

    var $weatherinfo = $(this); 
    var winfo = $weatherinfo.find('current-condition').text();

    var winformation = winformation += '<span>' + winfo + '</span>' ;
    $('#sydinfo').append($(winformation));

    $('.loadingPic').fadeOut(1400);
    });
    });
});

它可以很好地获取“Mostly Cloudy”文本。但现在我在形成一个声明来显示图标 url 时遇到了麻烦 - 该 url 位于标签本身内 (http://deskwx.weatherbug.com/images/Forecast/icons/cond034.gif)

任何人都可以帮助在上面的js中添加一条语句来读取并显示该值？

Answer 1

这应该会为您提供提要的图标属性。

$weatherinfo.find('current-condition').attr('icon');

查看此网站，http://www.switchonthecode.com/tutorials/xml-解析-with-jquery 。 :)