Невозможно перебрать элементы внутри строки HTML, используя JQuery 2.1.4

Question

Я использую функцию JQuery для извлечения строки, содержащей некоторый код HTML, и обрабатываю ее локально. Строка:

var return_data = '<div><tr><td>blah</td><td>more blah</td></tr><tr><td>blah</td><td>more blah</td></tr><tr><td>blah</td><td>more blah</td></tr><span id="morerows">1</span></div>'; 

(. Я понимаю, <tr> должен войти внутрь <table> и не внутри <div>, но это, как мне нужен вход по какой-то причине, и это должно быть несущественным к вопросу под рукой) Что мне нужно представляет собой цикл через каждый <tr> и выводит содержимое на консоль. Я пробую это:

$(return_data).find("tr").each(function(){ 
    var myData = $(this).html(); 
    console.log(myData); 
}); 

Но вышеизложенное ничего не делает; нет выхода на консоли. Чтобы быть уверенным, я изменил вход console.log() на просто «привет» и, оказывается, элемент управления даже не входит в цикл. Что может быть причиной этого?

Answer 1

Возможно, вам понадобится следующее. Оберните tr с помощью table и проведите через tr s вместо div.

var return_data = '<div><table><tr><td>blah</td><td>more blah</td></tr><tr><td>blah</td><td>more blah</td></tr><tr><td>blah</td><td>more blah</td></tr></table><span id="morerows">1</span></div>'; 

$(return_data).find("tr").each(function() { 
    var myData = $(this).html(); 
    console.log(myData); 
});