Question

I’d love to change the order of HTML elements from:

<div id="d1">
    <div id="dd1"></div>
    <table id="t1"></table>
    <div id="be_top"></div>    
</div>

to:

<div id="d1">
    <div id="dd1"></div>
    <div id="be_top"></div>    
    <table id="t1"></table>
</div>

Does anyone have ideas about how to do this? Thanks!

Answer 1

If you refer to the API documentation, you’ll find the insertBefore function:

$("#be_top").insertBefore("#t1");

Live Example | Source

Or of course, you could do it the other way around with insertAfter:

$("#t1").insertAfter("#be_top");

Live Example | Source

An hour spent reading the API documentation beginning to end (and it really only takes that long) is hugely rewarding, saving you a lot of time over even just a brief period.