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数据结构中的一个元素（例如：＆lt; pic_name＆gt; pic1.jpg＆lt; / pic_name＆gt;），代码可以满足您的需求：

$("#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\")+'"/>';

jquery .find并追加img标签

2 个答案: