Question

Lets say I have a “p” tag like this:

<div id = "example">
    <p id = "eg">This is a text example.</p>
</div>

If I later insert other elements into that div is it possible to move the paragraph tag somewhere else in the dom, and it be visible to the user where I want it. So the result should be like this:

<div id = "example">
    <p id = "eg1">Another block of text.</p>
    <p id = "eg">This is a text example.</p>
    <p id = "eg2">Yet another block of text.</p>
</div>

So not only do I want to move it around…perhaps even into another div or different area of the page, but I also would like the ability to make sure that the user sees the text exactly as I want them too…maybe moved to the bottom or something.

Answer 1

If you wish to move an element from one position to another you can simply do the following:

$("#eg1").after($("#eg"));

Example on jsfiddle.