Parsing HTML String mit Ajax/jQuery

Question

Ich fragte um Parsing HTML String with jQuery, wie ich jQuery auf eine HTML-Zeichenfolge verwenden kann. Das alles funktioniert, aber wenn ich es auf Ajax anwende - es funktioniert nicht. Hier ist der Code.

<script> 
    var url = 'moo.html'; 

    $.ajax({ 
    url: url, 
    success: function (code) 
    { 
     html = $(code); 
     html.each(function() { 
     alert($(this).html()); 
     }); 
    } 
    }); 
</script> 

moo.html enthält

<div id='test'>zebra</div> 
<div id='foo'>bar</div> 

Wie kann ich Zebra und Bar bekommen?

Answer 1

Ich denke, Zeilenumbrüche in moo.html können Sie am stolpern.

Alle Zeilenumbrüche in Ihrem HTML werden am Ende von jQuery analysiert und als Textknotenelemente "\n" beibehalten. Als Ergebnis $(code).each stoppt die Iteration, wenn der erste dieser Knoten getroffen wird und Sie .html() darauf aufrufen (html() funktioniert nicht auf Nicht-Element-Knoten-Typen).

Was Sie brauchen, ist nur die div s in Ihrem HTML zu greifen:

var divs = $(code).filter(function(){ return $(this).is('div') }); 
divs.each(function() { 
    alert($(this).html()) 
}) 

Answer 2

try $ ('div', Code) .each statt .. wie so ...

$('div', code).each(function() { 
    alert($(this).text()); 
}); 

Ich habe es allerdings nicht ...

Answer 3

Versuchen getestet:

html = $("div", code); 
html.each(function() { 
    alert($(this).html()); 
}); 

Der Grund, warum Sie es nicht so machen können, wie Sie es haben, ist, weil beim Parsen von HTML jQuery ein einzelnes Wurzelelement haben will. Wenn dies nicht der Fall ist, müssen Sie es wie oben beschrieben tun. Die folgende HTML/JS würde auch funktionieren:

var html = $(code); 
html.children().each(....); 

<div> 
    <div id='test'>zebra</div> 
    <div id='foo'>bar</div> 
</div>