अजाक्स/jQuery

Question

के साथ HTML स्ट्रिंग को पार्स करना मैंने Parsing HTML String with jQuery पर पूछा कि मैं HTML स्ट्रिंग पर jQuery का उपयोग कैसे कर सकता हूं। यह सब काम करता है, लेकिन जब मैं इसे AJAX पर लागू करता हूं - यह काम नहीं करता है। कोड यहाँ है।

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

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

moo.html

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

मैं ज़ेबरा और बार कैसे प्राप्त कर सकते हैं?

Answer 1

मुझे लगता है कि moo.html में नई-पंक्तियों आप को ट्रिपिंग हो सकता है।

आपके एचटीएमएल में कोई भी नई लाइनें jQuery द्वारा पार्स किए जा रहे हैं और टेक्स्ट नोड तत्व "\n" के रूप में रखी जाएंगी। नतीजतन $(code).each इन नोड्स के पहले हिट होने पर पुनरावृत्त हो जाएगा और आप .html() पर कॉल करते हैं (html() गैर-तत्व नोड प्रकारों पर काम नहीं करता है)।

आपको क्या करना होगा अपने html में केवल div रों हड़पने के लिए है: जब एचटीएमएल पार्स करने

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

Answer 2

कोशिश $ ('div', कोड) .प्रत्येक बजाय .. तो जैसे ...

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

मैं इसे हालांकि परीक्षण नहीं किया ...

Answer 3

प्रयास करें:

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

कारण यह है कि आप इसे अपने तरीके से नहीं कर सकते हैं, क्योंकि HTML jQuery को पार्स करने पर एक रूट तत्व होना चाहिए। यदि ऐसा नहीं होता है तो आपको इसे ऊपर के तरीके से करना होगा। निम्न HTML/जे एस भी काम करेगा:

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

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