AppendChild after ID

[Echilon]

I have a div containing a few elements. Is it possible to append a child after an element with a certain ID?
Eg:
<div id="container>
<div id="child1"></div>
<div id="child2"></div>
</div>

Could I append a child after child1, to give:
<div id="container>
<div id="child1"></div>
<div id="child1a"></div>
<div id="child2"></div>
</div>

[spinal007]

There's the long way (which is ugly and takes a lot to learn) and there's the jQuery way:

Step 1: Get jQuery

Step 2: Use the after method to insert HTML after an element.

Code: Select all

<script type="text/javascript">
function DoInsert(){
 $('#container #child1').after('<div id="child1a">Woohoo!!! I'm child1a</div>');
}
</script>

Call function DoInsert() to insert the new div.