Jquery .html（）有2个变量

Question

convopic.addClass('convo-pic')
img.attr('src', base_url+'/assets/img/users/'+msg.server.profile_img)
convopic.html(img)
bubble.addClass('bubble startmsg')
bubble.text(msg.client.data.message)
$('.mydiv').html(convopic+bubble)

我的预期输出是

<div class="mydiv">
<div class="convo-pic">
<img src="'+base_url+'/assets/img/users/'+msg.server.profile_img+'"></img>
</div>
<div class="bubble startmsg">'+msg.client.data.message+'</div>
</div>

但它返回[object] [object]，任何想法如何处理.html（）里面的2个变量？我用这种方法来阻止xss。

Answer 1

您可以使用.add()

$('.mydiv').html(convopic.add(bubble))

或使用.html()和append()

$('.mydiv').html(convopic).append(bubble)