javascript - 如何使用 Jquery 将图像添加到输入时创建的每条消息中？

Question

我无法弄清楚这一点。这可能是我目前无法处理的小事。我是这方面的初学者，抱歉。

现在我正在处理这个聊天，每次我按下输入键时都会使用用户名和消息创建一个类(class)。

在用户名的左侧，我想放置用户可以选择的img个人资料，或者只使用default.png。

我希望在删除之前图片保留在他名字的左侧。

下面是一些代码:

<script>
    $("#message").keypress(function(e) {

     var test = $("#Uname").val()
     var valmsg = $('#message').val();
     var poza = $('<img src="http://dev.alurosu.com/bobo/chat/data/img/admin/default.png">');

    if(e.which == 13 && valmsg.trim() == "" ){
            e.preventDefault();
            alert('Please type a message to send');
        } else if (e.which == 13) {
            $("#chat").append("<div class='mesaj' >" + test + ':' + valmsg + "</div>");
           $("#chat").append(poza);
            $('#message').val('');
            e.preventDefault();
        }
    });
</script>

这是Jsfiddle但我无法上传完整的代码。

这是一个屏幕截图示例

希望你能以某种方式向我解释一下。谢谢。

Answer 1

else if (e.which == 13) {
        var imgpath = '<img  src="https://cdn4.iconfinder.com/data/icons/small-n-flat/24/user-group-512.png" width="30px" height="30px" style="float:right">';
            $("#chat").append("<div class='mesaj' >" + test + ':' + valmsg + imgpath +"</div>");
            $('#message').val('');
        }

使用此代码..