Removing the div child in jquery

Question

Possible Duplicate:
Replace Div with another Div

<div id='test'>
 <span></span>
 <p></p>
 <button></button>
 <h1></h1>
</div>

My question is , how we can remove the button element and insert someother on the same position in jquery?

Answer 1

Use this:

   $('#test button').replaceWith('<span>new</span>')

Answer 2

$('#test button:first').replaceWith('<span>new</span>')

Answer 3

you can usereplaceWith() method:

$('#test button').replaceWith('<p>another element</p>')

Answer 4

You can use the .replaceWith() method to accomplish this. For more.

Answer 5

Solution

$('#test').find('button').replaceWith('<input type="text"/>');
 alert($('#test').html());