javascript - 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 数据结构中的一个元素(例如:pic1.jpg)，则执行您想要的操作的代码是:

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