Question

I have the following setup within my HTML document…

<div id="logo"><h2>my top logo</h2></div>
<div id="one"><p>this is the first section with stuff in it</p></div>
<div id="two"><h1>this is the section section with stuff in it</h1></div>
<script>//this script associates to stuff in div id=two</script>

Is there a way to tell < div id = one >, to go under the < script > tag this way it looks like this…

<div id="logo"><h2>my top logo</h2></div>
<div id="two"><h1>this is the section section with stuff in it</h1></div>
<script>//this script associates to stuff in div id=two</script>
<div id="one"><p>this is the first section with stuff in it</p></div>

I can’t depend on a parent div element id that contains all these. I need to only depend on what you see right here.

Thanks

Answer 1

You could do this, though I don’t know what the purpose of doing this is. It shouldn’t change anything about the layout of the page.

$("#one").insertAfter( $("#one").nextAll("script").eq(0) );

you should fix the html above, you have unopened p tags and unclosed h1 tags.