用jquery连接图像

这是我的密码：

$(document).ready(function() {

    img$ = '';
    var img$ = img$ + '<img src = ' + $('#img_loc').attr('value') + ' />'; 

            /*#img_loc is the id of the text box where url is pasted*/

    $('#add_btn').click(function() {
        $('#work_area').html(img$);
    });
});

$（文档）.ready（函数（）{
img$=''；
var img$=img$+''；
/*#img_loc是粘贴url的文本框的id*/
$（'#添加_btn'）。单击（函数（）{
$（'工作区'）.html（img$）；
});
});

---

我希望能够通过将不同的URL粘贴到

img\u loc

文本框中来放置一个又一个图像。但是有了这段代码，我只能看到一张图片。有人能帮我看看我做错了什么吗？

与其每次都更换工作区，不如按如下方式将图像附加到工作区：

$(document).ready(function() { 
    $('#add_btn').click(function() { 
        var src = $('#img_loc').val();
        $('<img>').attr("src", src).appendTo($('#work_area'));
    }); 
});

$（文档）.ready（函数（）{
$（'#add_btn'）。单击（函数（）{
var src=$（'img_loc'）.val（）；
$（“@Phil_Klein--如果我这样做，img会被附加到工作区分区的外部。我需要图像显示在它内部。你知道我该怎么做吗？我更新了答案以澄清问题。单击此处查看一个工作示例：@Phil_Klein--nvm它确实工作。不过我有点困惑…我想
.append
和
.appendTo
将内容附加到已包装元素的外部。为什么这里不是这样？我相信您想到的是
.after（）
。