Jquery .html() with 2 variables

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)

my expected output is

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

But it returns [object][object], any idea how handle 2 variables inside .html() ? I'm using this way to prevent xss.

Arun P Johny · Accepted Answer · 2016-04-18 07:41:31Z

1

You can use .add()

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

or use .html() and append()

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

answered Apr 18, 2016 at 7:41

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kerwin Over a year ago

Thank you it works. I will mark this as a correct answer after the time limit :)

Collectives™ on Stack Overflow

Jquery .html() with 2 variables

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related