Document not ready for insert after method using a loop with jquery

Question

Is there a way to use a loop to insert separate DIV elements behind each other?

Right now I use a loop to do just that, but it doesn't remember the DIV inserted before with the load method. The result is that I only see the last one.

The code is meant to show all messages, after it reads the cookie with the db-id when you first arrive at the page.

summary:

the addmessage() function receives the xml-object and starts looping through it. Each separate message calls the newnote() function, which loads a DIV element and does stuff in its callback function like setting the db-id. After that it returns to the addmessage function.

Answer 1

What method are you using to insert the DIVs? If you just want them all added to the end of whatever container you're using, you could just using append. If you need them in a particular location, I'd use before or after

<div id="container">
    <div id="itemOne"></div>
    <div id="itemTwo"></div>
    <div id="itemThree"></div>
</div>

If you needed to insert something after itemTwo:

$('#itemTwo').after("<div>New node</div>");

If you're doing this in a loop and need to keep adding them sequentially after itemTwo (for example), then you could try either storing a reference to the last-inserted element, and then use the after function on that, or by inserting it before the following item, itemThree.

Answer 2

Assuming your problem is finding the last DIV, you can search for the last DIV and just place it after that.

Answer 3

I found the solution, also with help from above, with the suggestion off having a reference

If I try to count the number off newly added elements with the selector like this

index = $("div.paneltbnote").size();

the result is always 0

BUT, if you explicitly give the indexnumber to the newnote() function, it works like it is supposed too. I just added a counter to the loop and used that, as an extra argument for the function

The selector cannot count newly added elements within the function itself. At least, that is my understanding sofar.