标签: jquery-xml

我正在使用jQuery Mobile 1.1.1和jQuery 1.7.1.JQuery mobile可以有一个嵌套列表,点击后可以在另一个屏幕上显示下一个ul.请参阅此示例:http://jquerymobile.com/demos/1.1.1/docs/lists/lists-nested.html#&ui-page=0-8

我试图通过解析XML数据文件来做到这一点.我列出列表的内容没有问题,但是,点击第一个父项,我总是得到最后一个父项的子项.

看着Firebug,我可以看到那里的所有儿童区域,但这种关系在某种程度上变得混乱......

如何点击第一个父LI并获得该父母的子女？

这是我的脚本部分与jquery/mobile cdn:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    var xml;
    $(document).ready(function(){
        $.ajax({
            type: "GET",
            url: "test.xml",
            dataType: "xml",
            success: xmlParser
        });
    });
        //loading XML file and parsing to .main div.
        function xmlParser(data) {
            xml = data;

            $('#load').fadeOut();

            $(xml).find("Employee").each(function () {
                name = $(this).attr("name");
                var email = $(this).find("email").text();
                var jobtitle = $(this).find("jobtitle").text();
                var address = $(this).find("address").text();
                var workphone = $(this).find("workphone").text();
                var homephone = $(this).find("homephone").text();
                var cellphone = $(this).find("cellphone").text(); …