jquery - 为什么这段代码不能解析我的 xml 文件

Question

我有一个 xml 文件，我正在尝试获取其中的内容并将其放入一些 html 代码中。我查看了整个网络以了解如何执行此操作，并且所有教程都相同，即使用 ajax。这是我的 xml 和 js 代码，但它不起作用。

xml

<packages>
    <package_1>
        <heading>Package 1</heading>
        <title>WALK OF SHAME</title>
        <nights>1 NIGHT</nights>
        <price>&euro;55</price>
        <content>blah blah blah</content>
    </package_1>
    <package_2>
        <heading>Package 2</heading>
        <title>BALLS TO THE WALL</title>
        <nights>1 NIGHT</nights>
        <price>&euro;72</price>
        <content>blah blah blah</content>
    </package_2>
    <package_3>
        <heading>Package 2</heading>
        <title>THE CHASE</title>
        <nights>1 NIGHT</nights>
        <price>&euro;65</price>
        <content>blah blah blah</content>
    </package_3>
</packages>

js/jquery

$.get('content/packages.xml', function(d){
    $(d).find('package_1').each(function(){  
        var $pack = $(this);   
        var title = $pack.find("title").text();  
        var content = $pack.find('content').text();
        $('#package-form').append('<h1>' + content + '</h1>');
    });
});

这里的任何帮助将不胜感激

Answer 1

您的代码不起作用的原因是因为$(d).find('package_1')只匹配您的 xml 响应中的一个元素。如果您更改 xml 以响应

<packages>
    <package>
        <heading>Package 1</heading>
        <title>WALK OF SHAME</title>
        <nights>1 NIGHT</nights>
        <price>&euro;55</price>
        <content>blah blah blah</content>
    </package>
    <package>
        <heading>Package 2</heading>
        <title>BALLS TO THE WALL</title>
        <nights>1 NIGHT</nights>
        <price>&euro;72</price>
        <content>blah blah blah</content>
    </package>
    <package>
        <heading>Package 2</heading>
        <title>THE CHASE</title>
        <nights>1 NIGHT</nights>
        <price>&euro;65</price>
        <content>blah blah blah</content>
    </package>
</packages>

并修改你的每一个，$(d).find('package').each(..)也许你会得到你正在寻找的东西。