jQuery XML: zählt die Anzahl der Blattknoten

Wie kann ich die Anzahl der Blattknoten kommen aus einer bestimmten XML-Knoten mithilfe von jQuery?
Der XML-Code in Frage, die so ähnlich aussieht wie diese. Ich möchte, dass alle Blatt-Knoten kommen aus der <Errors> Knoten.

<Errors>
    <ErrorParentCat>
        <ErrorTag/>
        <ErrorTag2/>
    </ErrorParentCat>
</Errors>

In diesem Beispiel möchte ich <ErrorTag/> und <ErrorTag2/> nur gezählt. Das Ergebnis sollte daher 2. Auch <ErrorParentCat> ist ein Beispiel-tag, es gibt viele innerhalb <Errors> mit unterschiedlichen Namen.

Sobald ich die Nummer würde ich gerne eine Liste von diesen Blatt-Knoten auch, wenn möglich.

InformationsquelleAutor Chris | 2011-02-01
  1. 3

    Vorausgesetzt, Sie haben bereits ein XMLDocument namens xml:

    var $xml = $(xml),
    count = $xml.find('*').filter(function ()
    {
        return $(this).children().length === 0;
    }).length;
console.log(count);

    Können Sie auch einfach die XML-string direkt in der jQuery-Funktion:

    var $xml = $('<Errors><ErrorParentCat><ErrorTag/><ErrorTag2/></ErrorParentCat></Errors>');
//the rest is the same

    jsfiddle demo →

    Bearbeiten Sie sagte, Sie wollte eine Liste mit den Blatt-Knoten. Im code oben, Sie habe bereits diese:

    var $xml = /* whatever */,
    $leafNodes = $xml.find('*').filter(function ()
    {
        return $(this).children().length === 0;
    }),
    count = $leafNodes.length;

    Edit #2 Tim hat darauf hingewiesen (siehe Kommentare unten), Sie können nicht einfach übergeben, die XML-Zeichenfolge zu $() im IE (!@#$ing IE). Verwenden Sie die jQuery-1.5 Funktion $.parseXML() zu analysieren, eine beliebige wohlgeformte XML-string in ein XMLDocument:

    var xmlDoc = $.parseXML('<Errors><ErrorParentCat><ErrorTag/><ErrorTag2/></ErrorParentCat></Errors>'),
    $xml = $(xmlDoc);
/* the rest is unchanged */

    neue jsfiddle demo →

    • Das ist schöner, +1
    • Jubel für die Antwort, ich veränderte den code selbst, bevor ich sah dein update 🙂
    • Ich dachte, es war nicht über Sie, aber ich zu beantworten versuchen, so klar wie möglich. Du bist herzlich willkommen.
    • Nein, Sie können nicht übergeben, XML direkt in der jQuery-Funktion. jQuery wird davon ausgegangen, dass der Umgang mit HTML und nicht analysieren, es als XML. Jedoch, jQuery 1.5 hat eine parseXML() Methode: api.jquery.com/jQuery.parseXML
    • Sie können feststellen, dass das jsfiddle Beispiel, das ich gepostet korrekt funktioniert und auch genau das, was Sie sagen, wird nicht funktionieren. Das heißt, du hast wahrscheinlich Recht es wird besser $.parseXML().
    • Nicht in IE nicht. Im ernst, empfehle mit $() für das Parsen von XML ist schlecht: es ist nicht dafür konzipiert, es funktioniert nicht, und jQuery bietet nun eine Funktion, um es zu tun.
    • Ich habe nur getestet in Chrome; ich werde aktualisieren, meine Antwort und jsfiddle benutzen $.parseXML().
    • Danke. Es ist nicht wirklich der IE-Fehler: es gibt keinen Grund, warum es funktionieren sollte, gegeben, dass zufällige XML-Elemente sind nicht allgemein gültig, die in HTML-DOMs.

    InformationsquelleAutor Matt Ball
  2. 1

    Lasten von Möglichkeiten, dies zu tun:

    var countThem = 0;

    jQuery.ajax({
        type: "GET",
        url: 'blahblah.xml',
        dataType: ($.browser.msie) ? "text/xml" : "xml",
        success: function(xml) {
            var xml2 = load_xml(xml);
            $(xml2).find('Errors').each(function(){
                $(xml2).find('ErrorParentCat').each(function(){
                    alert($(this).text()); //alert the contents
                    countThem++;
                });
            });
            alert(countThem); //alert the total number
        }
    });

    und die XML-load-Funktion:

    function load_xml(msg) {   
     if ( typeof msg == 'string') {
        if (window.DOMParser)//Firefox
          {
            parser=new DOMParser();
            data=parser.parseFromString(text,"text/xml");
        }else{ //Internet Explorer
           data=new ActiveXObject("Microsoft.XMLDOM");
           data.async="false";
           data.loadXML(msg);
       }
     } else {
        data = msg;
     }
    return data;
}
    • Vielen Dank, aber ich sollte angegeben haben, dass ErrorParentCat war ein Beispiel, es kann viele
    • oh... Ignoriere meine Antwort dann...
    • Trotzdem danke, es ist schön, abgesehen von diesem kleinen bisschen 🙂
    InformationsquelleAutor Barrie Reader
Schreibe einen Kommentar