使用jquery循环XML

递归函数在这方面工作得很好。当您创建一个创建并使用内部递归闭包的函数时,您可以将它包装在一个整洁的小包中:

    $.get(tocURL, function(toc) {
    function makeToc($xml) {
        // variable to accumulate markup
        var markup = "";
        // worker function local to makeToc
        function processXml() {
            markup += "<li><a href='" + $(this).attr("url") + "'>" + $(this).attr("title") + "</a>";
            if (this.nodeName == "BOOK") {
                markup += "<ul>";
                // recurse on book children
                $(this).find("page").each(processXml);
                markup += "</ul>";
            }
            markup += "</li>";
        }
        // call worker function on all children
        $xml.children().each(processXml);
        return markup;
    }
    var tocOutput = makeToc($(toc));
    $("#list").html(tocOutput);
});

你可以用

$(el).children().length 它将返回“0”或正数,然后如果正数的计算结果为真,则循环通过。您也可以使用while循环来递归地执行此操作,并重新设置引用处理程序,但是我不太确定这是否可行,因为您的每个后续子代的节点名都不同(或是它们?)…你能提供的最嵌套的例子是什么?

非常感谢基思,那就是门票——好吧,几乎,我必须做一个小小的改变,然后它完美地工作了!

我的代码在下面。

$tocOutput="";
$.get(tocURL,function(toc){
 function makeToc($xml) {
  // worker function local to makeToc
  function processXml() {
   console.log($(this));
   $tocOutput += "<li><a href='" + $(this).attr("url") + "'>" + $(this).attr("title") + "</a>";
   if (this.nodeName == "BOOK") {
    $tocOutput += "<ul>";
    // recurse on book children
    $(this).children().each(processXml);
    $tocOutput += "</ul>";
   }
   $tocOutput += "</li>";
  }
  // call worker function on all children
  $xml.children().each(processXml);
 }
 var tocOutput = makeToc($(toc));
 $("#toc").html($tocOutput);
 completed($("#toc"));
});

您会注意到我所做的就是在 $.get() 然后我用 $xml.children().each(processXml); 而不是 $(this).find("page").each(processXml); 你曾经拥有的。

这样做的原因是孩子们可能是一页纸 或 书,但你只限于几页。

再次感谢!

这个链接提供了一个很好的例子,可以使用迭代XML http://anasthecoder.blogspot.in/2012/02/looping-through-xml-with-jquery.html

xml.find('result').find('permissionDetails').each(function(){
    $(this).children().each(function(){
        var tagName=this.tagName;
        var val=$(this).text();
        if(val==1){
            $('input:checkbox[name='+tagName+']').attr('checked',true);
        }
        else if(val==0){
            $('input:checkbox[name='+tagName+']').removeAttr('checked');
        }
    })

});

这里有一些东西可以赢得更多的赞誉。我做了一个匿名函数调用,并使用arguments.callee来递归。我自己在找这个方法,StackOverflow的这个线程和另一个线程帮助我解决了这个问题,我想把它还回去:—)

$.get(tocURL,function(data){
    var markup = "<ul>";
    $(data).each(function(){
        markup += "<li><a href='" + $(this).attr("url") + "'>" + $(this).attr("title") + "</a>";
        if (this.nodeName == "BOOK") {
            $markup += "<ul>";
            $(this).children().each(arguments.callee);    
            $markup += "</ul>";
        }
        markup += "</li>";
    });
    $("#list").html(markup+"</ul>");
});