Append to a div with jQuery and apply a css style based on a class

Question

I want to append data received from the server to a div on my html page. I can do that with

$('#divImAddingTo').append(infoBeingAppended);

I want to apply a css based style to that data being appended. That I'm not sure how to accomplish.

I tried

$('#divImAddingTo').append(infoBeingAppended).toggleClass = 'className';

This isn't working.

Any help is greatly appreciated, as always.

hey man please lemme know if my answer worked out for you.. if it did.. marking it as correct won't hurt :p — abbood
– abbood, Commented Feb 24, 2013 at 19:08

abbood · Accepted Answer · 2013-02-24 18:00:52Z

2

try

$('#divImAddingTo').append($('<div class=classname>'));

then

$('#divImAddingTo div').html(contentToAdd);

notice the difference between .append() and .html()

answered Feb 24, 2013 at 17:47

abbood

23.6k20 gold badges145 silver badges261 bronze badges

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

Comments

Thiago Pontes · Accepted Answer · 2013-02-24 18:36:41Z

0

Have you tried like this?

$('#divImAddingTo').append($(infoBeingAppended).toggleClass('className'));

answered Feb 24, 2013 at 17:42

Thiago Pontes

6166 silver badges19 bronze badges

Ops, you're right. Just got my head ahead the 'apply a css based style' and thought in add :P. I edited my example to toggle the class instead.