我如何删除身体，克隆身体内的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并将其追加回

回答

相关问题