JQuery .html() mit 2 Variablen

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) 

meine erwartete Ausgabe ist

<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> 

Aber es gibt [object] [object], eine Idee, wie zwei Variablen innerhalb .html Griff()? Ich benutze diesen Weg, um XSS zu verhindern.

Answer 1

können Sie .add()

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

verwenden oder verwenden .html() und append()

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