jQuery .find並附加img標簽

Question

我正在嘗試從xml對象加載圖片名稱，並附加到div。 我對追加鍵入布局感到困惑，無法找到即時消息在哪里鍵入錯誤。

這工作

$("#nn").append("<img id='theImg' src='/pic/jas/pic1.jpg'/>");

這不起作用

$("#nn").append("<img id='theImg' src='/pic/jas/'" + customer.find("pic_name") + "/>");

我的jQuery腳本部分是

function OnSuccess(response) {
        var xmlDoc = $.parseXML(response.d);
        var xml = $(xmlDoc);
        pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());
        var pic_infoVar = xml.find("pic_info");

        pic_infoVar.each(function () {
            var customer = $(this);
        $("#picDiv").append("<img id='theImg' src='/pic/jas/'" + customer.find("pic_name") + "/>");
        });

        $("#loader").hide();
    }

HTML Div標簽

<div id="picDiv">
    LoadPic
</div>

Answer 1

假設pic_name實際上是XML數據結構中的一個元素（例如：<pic_name> pic1.jpg </ pic_name>），則可以執行所需操作的代碼是：

$("#nn").append("<img id='theImg' src='/pic/jas/" + customer.find("pic_name").text() + "'/>");

Answer 2

這就是我以前做的

document.getElementById('nn').innerHTML +='<img src="'+customer.find(\"pic_name\")+'"/>';