如何在评论文本JQuery旁边添加图像

Question

我希望能够按下按钮＆＃34;提交＆＃34;添加动态图像。像下图这样的东西。

我自己研究过，但无法找到任何解决方案。任何形式的帮助都会有所帮助：）

Live Demo

HTML：

<textarea id ="comments" cols="30" rows="3"></textarea>
            <input type="submit" value="Submit" id="submit"/> 
            <div id="divComments"></div>

JQuery的：

function addComment(name1) {

        var container = $('#divComments');
        var inputs = container.find('label');
        var id = inputs.length + 1;

        var div = $('<div />', { class: 'CommentStyle' });

        $('<label />', {
            id: 'comment' + id,
            text: name1
        }).appendTo(div);

        div.appendTo(container);   

    }

    $('#submit').click(function () {
        addComment($('#comments').val());
        $('#comments').val("");
    });

Answer 1

检查DEMO

那应该做你的工作

var img = $('<img>').attr("src", 'http://ssl.gstatic.com/accounts/ui/logo_2x.png').appendTo($('#divComments'));