附加<;李>;至<;ul>;使用JQuery

附加<;李>;至<;ul>;使用JQuery,jquery,xml,html-lists,Jquery,Xml,Html Lists,我试图通过读取XML文件中的值来创建嵌套的ul。我能够创建第一级ul,但不能在其下添加li元素。Firebug没有显示任何错误。请在下面给出帮助代码 $(function(){ $.get("../XML/test.xml",processResult); }); function processResult(data){ $(data).find("Category").each(showCategory); } function showCategory(){

我试图通过读取XML文件中的值来创建嵌套的ul。我能够创建第一级ul,但不能在其下添加li元素。Firebug没有显示任何错误。请在下面给出帮助代码

$(function(){
    $.get("../XML/test.xml",processResult); 
});

function processResult(data){
    $(data).find("Category").each(showCategory);
}

function showCategory(){
    var catName = $(this).attr("Title");
    $("#menuList").append("<ul>" + catName + "</ul>");
    $(this).find("Function").each(showFunction);
}

function showFunction(){
    var funcName = $(this).attr("Title");
    $(this.parentNode).append("<li>" + funcName + "</li>");
}
$(函数(){
$.get(“../XML/test.XML”,processResult);
});
函数processResult(数据){
$(数据)。查找(“类别”)。每个(显示类别);
}
函数showCategory(){
var catName=$(this.attr(“Title”);
$(“#菜单列表”)。追加(“
    ”+catName+“
”); $(this).find(“函数”).each(showFunction); } 函数showFunction(){ var funcName=$(this.attr(“Title”); $(this.parentNode).append(“
  • ”+funcName+”
  • ”); }
    您将文本直接放入
    元素中,并使用了错误的
    变量。试着这样做:

    $(function(){
        $.get("../XML/test.xml",processResult); 
    });
    
    function processResult(data){
        $(data).find("Category").each(showCategory);
    }
    
    function showCategory(){
        var catName = $(this).attr("Title");
        var parent = $("<ul></ul>");
        $(this).find("Function").each(function(){
          var funcName = $(this).attr("Title");
          parent.append("<li>" + funcName + "</li>");
        });
        $("#menuList").append(catName).append(parent);
    }
    
    $(函数(){
    $.get(“../XML/test.XML”,processResult);
    });
    函数processResult(数据){
    $(数据)。查找(“类别”)。每个(显示类别);
    }
    函数showCategory(){
    var catName=$(this.attr(“Title”);
    var父项=$(“
      ”); $(this).find(“函数”).each(函数(){ var funcName=$(this.attr(“Title”); parent.append(“
    • ”+funcName+“
    • ”); }); $(“#menuList”).append(catName).append(parent); }

      让我知道它是否有效。如果您有可用的样本数据,则更容易验证其功能是否正确。

      下面的答案是否回答了您的问题?如果是,请将其标记为将来帮助他人的答案。谢谢