在jquery中“发布”图像

Question

我目前使用这一小段代码来“发布”消息。

setTimeout(function(){ 
    o.html(o.html() + "Username:<br>" + msg[r] + "<br><hr>") 
}, 7000);

效果很好，它会从数组中发布消息，广告会有一些样式。

但是现在当它发布消息时，它看起来像：

Username:
messagehere

<hr>

我想要的是在消息和用户名之前发布图像的代码。就像你在Facebook上与某人聊天时所看到的那样，评论一些东西等等。

我试过在它前面放一个+<img src="" class=""/>但是什么也没做。整个代码突然停止工作。

所以现在我正在寻找正确的方法来做这件事，我喜欢为它添加一个类，所以我可以用css正确地设置整个事物的样式（在消息和用户名之前有头像，就像解释一样更早）

如果有人能帮我找到正确的方法，那就非常感激了。

Answer 1

您只需将img标记包装在引号中即可。这是错误的，因为没有引号，您的浏览器认为它是变量或函数而不是字符串文字。

+ '<img src="" class=""/>'

另外，你应该使用.append（）函数而不是.html（.html（）+ ...）

o.append("Username:<br>" + msg[r] + "<br><hr>" + "<img src='' class='' />");