javascript - 追加动态元素 .find() jquery

Question

for (var i = 0; i < obj[0].items.length; i++) {
    //var html3 ;
    html3 = '<li><span>' + obj[0].items[i].local + '</span></li>';
    //$("#thelist").append('<li><span>'+html3+'</span></li>');
    for (var a = 0; a < getObjectLength(obj[0].items[i]); a++) {
        if (typeof (obj[0]['items'][i]['item' + a]) !== typeof (undefined)) {
            //html2 += obj[0]['items'][i]['item'+a];
            console.log()
            //$($.parseHTML(html3)).find($.parseHTML(html3)).insertBefore('sa');
            html3 += $($.parseHTML(html3)).find("span").end().append(obj[0]['items'][i]['item' + a])
            // $("#thelist li").insertBefore(html2);
            console.log(html3);
        }

    }
    $("#thelist").append(html3);
}
html3 = '';

我无法在显示这是打印的元素之后找到添加元素

<li><span>padaria</span></li>[object Object]

Answer 1

Because this line add a jquery object in html3

html3 += $($.parseHTML(html3)).find("span").end().append(obj[0]['items'][i]['item' + a])

You can do this instead

html3 += $($.parseHTML(html3)).find("span").end().append(obj[0]['items'][i]['item' + a]).html();