用jquery连接图像

Question

这是我的代码：

$(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$);
    });
});

我希望能够通过将不同的URL粘贴到img_loc文本框中来将图像放在图像之后。但是使用这段代码，我只能得到一张图像。有人可以帮我看看我做错了吗？

Answer 1

不是每次都替换work_area，为什么不按如下方式将图像附加到它：

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