Question

I want to remove everything before and after form. I am new in jquery and English.

<h1>hello</h1>
<span>world</span>
<form id=f>
<input name=g>
<input type=submit>
</form>
<div>footer</div>
<p>more</p>

Answer 1

I’d go for:

var el = $('#f').detach();
$('body').empty().append(el);

i.e. take the bits out of the DOM that you want to keep, and then completely replace the current body with those elements. This will ensure it works even if the elements you want are nested a long way down the DOM tree.

See http://jsfiddle.net/rwWp9/1/