刪除DIV孩子的jQuery

Question

可能重複：
Replace Div with another Div

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

我的問題是，我們如何能去除button元素，並插入一些其它的相同位置在jQuery中？

Answer 1

使用此：

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

Answer 2

您可以使用replaceWith()方法：

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

Answer 3

可以使用.replaceWith()方法來做到這一點。對於more。

Answer 4

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

Answer 5

解決方案

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