Phân tích chuỗi HTML bằng Ajax/jQuery

Question

Tôi hỏi tại Parsing HTML String with jQuery cách tôi có thể sử dụng jQuery trên chuỗi html. Đó là tất cả các công trình, nhưng khi tôi áp dụng nó để ajax - nó không hoạt động. Đây là mã.

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

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

moo.html chứa

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

Làm thế nào tôi có thể nhận được ngựa vằn và thanh?

Answer 1

Tôi nghĩ rằng dòng mới trong moo.html có thể đang vấp ngã bạn.

Mọi dòng mới trong html của bạn sẽ được jQuery phân tích cú pháp và giữ nguyên thành phần nút văn bản "\n". Kết quả là $(code).each sẽ dừng lặp lại khi lần đầu tiên các nút này bị trúng và bạn gọi .html() trên đó (html() không hoạt động trên các loại nút không phải là phần tử).

gì bạn cần là để lấy chỉ div s trong html của bạn:

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

Answer 2

thử $ ('div', code) .each thay vì .. như vậy ...

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

tôi đã không kiểm tra nó mặc dù ...

Answer 3

Hãy thử:

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

Lý do bạn không thể thực hiện theo cách bạn có, bởi vì khi phân tích cú pháp HTML jQuery muốn có một phần tử gốc duy nhất. Nếu không thì bạn phải làm theo cách trên. HTML/JS sau cũng sẽ hoạt động:

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

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