JQuery Append To Dynamically Created Element

Question

I am dynamically appending a div element to an existing div. But immediately following that, I need to append another div to the div I just created dynamically. But I can't seem to find the dynamically created div in order to append to it. I assume maybe the DOM isn't aware of that div yet since I just made it. How do I do this?

var serialModel = "Test Test";
$("#existingDiv").append("<div id = '" + serialModel + "'></div>");
$("#" + serialModel).append("<div>content here</div>")

The last line doesn't do anything. The second line produces the new div, but then I can't find it to append to it.

VisioN · Accepted Answer · 2012-12-05 15:33:04Z

9

What if you do it vice versa:

$("<div />", { id : serialModel })     // create `<div>` with `serialModel` as ID
    .append("<div>content here</div>") // append new `<div>` to it
    .appendTo("#existingDiv");         // append all to `#existingDiv`

answered Dec 5, 2012 at 15:33

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

2 Comments

jmease Over a year ago

This looks like it should work but the serialModel div is never created.

jmease Over a year ago

You're totally right. I had a slight typo in mine. I'm off and running now. Thanks!

Collectives™ on Stack Overflow

JQuery Append To Dynamically Created Element

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related