2011-12-04 84 views
2

使用jQuery,我該如何刪除下面的#hello div,並將a元素保存在外部div標籤中?如何從dom中刪除此div?

我想從這個去:

<div> 
    <div id="hello"> 
    <a href="http://google.com"></a> 
    </div> 
</div> 

要這樣:

<div> 
    <a href="http://google.com"></a> 
</div> 

回答

8

嘗試解包功能:

$('#hello a').unwrap(); 

http://api.jquery.com/unwrap/。乾杯!

+0

完美!這就是我一直在尋找的。謝謝。 – John

+1

太好了。聽起來很贊,接受嗎? ;) – landons

+0

他可能正在等待超級完美,我投票支持你:) –

2
var divToBeRemoved=$("#hello"); 
var html=divToBeRemoved.html(); 
var parentOfDiv=divToBeRemoved.parent(); 
divToBeRemoved.remove(); 
parentOfDiv.html(html); 
+0

你有一個錯字「divToRemoved」,第二行(: – ComputerSaysNo

+1

當你在SO中輸入代碼時,你通常傾向於:D – Baz1nga

0
var alink = $('#hello a').clone(); 
$('#hello').parent().html(alink);