jQuery: Comment copier un conteneur uniquement?

Question

J'ai une structure HTML par ex.

<div id="mydiv" class="some" onclick="alert('Hello!')" style="background:red" > 
    <div>aa</div> 
    <div style="background:green" >bb</div> 
</div> 

http://jsfiddle.net/Pj5sn/

et je veux

<div id="mydiv" class="some" onclick="alert('Hello!')" style="background:red" > 
</div> 

en conséquence. .clone() crée une copie profonde, mais j'ai besoin d'une copie superficielle.

Édition Toutes les réponses incluaient jusqu'à présent une copie complète et un contenu clair. J'ai l'intention de l'utiliser pour plusieurs dizaines de contenants contenant chacun plusieurs dizaines d'objets. Je pense qu'il est nécessaire d'avoir quelque chose de plus efficace.

Answer 1

La solution que j'ai utilisée est un peu différente. D'abord, je crée une certaine structure et déplacer le contenu div intérieur:

var $storage=$('<div/>').append($("#mydiv").children()); 

Maintenant, je peux cloner le reste « shell » et déplacer à l'intérieur d'une partie appropriée du contenu:

$("#mydiv").clone(true,true).attr("id","d1") 
    .appendTo($(document.body)) 
     .append($(":first-child",$storage)); 

http://jsfiddle.net/KyTZ6/

Peut-être que cela semble trop compliqué mais ma tâche consistait à diviser une table HTML (~ 30 x 30) en six parties et j'avais des problèmes de performance avec le clonage et l'effacement proposés.

Answer 2

Le plus simple serait $(this).clone().html(''). D'abord, utilisez .clone(), puis utilisez .empty() sur le résultat.

Answer 3

Answer 4

Vous devez supprimer le contenu de la div que vous essayez de cloner.

var s = $('#mydiv').clone().html(''); 
$('#container').append(s); 

Simple, mais fonctionne!

http://jsfiddle.net/shannonhochkins/Pj5sn/1/

Il est parti!