我如何刪除身體，克隆身體內的div並將其追加回

我想使用jQuery刪除頁面的主體，但從該身體抓取一個div並將其作爲唯一顯示該頁我如何刪除身體，克隆身體內的div並將其追加回

<body> 
<div id="box1"></div> 
<div id="box2"></div> 
<div id="box3">CLONE AND APPEND ME AS ONLY DIV TO SHOW IN BODY</div> 
<div id="box4"></div> 
</body>

我試過這個，但沒有奏效。我確定我需要先克隆它，然後替換？

$('body').replaceWith('#box3');

來源

2015-07-11 MShack

你所要做的是'$（ '身體'）replaceWith（$（ '＃BOX3'））;'（[DEMO]（HTTPS ：//jsfiddle.net/lmgonzalves/561nxy23/）），但爲什麼不''（'body div：not（＃box3）'）。remove（）;'（[DEMO]（https://jsfiddle.net/ lmgonzalves/561nxy23/1 /））？ – lmgonzalves

改成這樣：

$('body').replaceWith($('#box3'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
<div id="box1"></div> 
 
<div id="box2"></div> 
 
<div id="box3">CLONE AND APPEND ME AS ONLY DIV TO SHOW IN BODY</div> 
 
<div id="box4"></div> 
 
</body>

來源

2015-07-11 18:34:11

感謝您的幫助，但這是最好的答案 – MShack

您需要更新

$('body').replaceWith('#box3');

到

$('body').replaceWith($('#box3').clone());

僅供參考 - http://plnkr.co/edit/QNv6cdkGFzRXjOZ9XYPX?p=preview

請看你用文本而不是html替換它。此外，您可以簡單地將其替換爲無需克隆的元素。

來源

2015-07-11 18:34:24 nikhil

你可以試試以下...

$('div:not(#box3)').remove();

來源

2015-07-11 18:48:06

我如何刪除身體，克隆身體內的div並將其追加回

回答

相關問題