Question

I have a HTML table in a page <table id="options_table"></table>

I want to automatically on page load:

1. DELETE the HTML TABLE TAG from one location in a webpage
2. Paste it at another location below this SPAN tag

<span><a href="test">test</a><br /></span>

Is this possible in Jquery?

Answer 1

You just need to append it. First, give the span an ID:

<span id="afterMe"><a href="test">test</a><br /></span>

Then use the following jQuery snippet:

$('#afterMe').after($('#options_table'));

Here is a simple example: http://jsfiddle.net/vAewz/

jQuery will automatically move the node. No need to call .detach().