Déplacement d'un div dans un autre div

Question

j'ai 2 principale div:

<div id="div1"> 
<div id="minidiv1">a</div> 
<div id="minidiv2">b</div> 
    </div> 
    <div id="div2"></div> 

Je veux déplacer le minidiv1 dans le div2 avec jquery

comment puis-je faire?

Answer 1

Vous pouvez simplement ajouter à la div2, et il va changer son emplacement dans le DOM:

$('#minidiv1').appendTo('#div2'); 
// or 
$('#div2').append('#minidiv1'); 

La différence des deux lignes ci-dessus est ce qui est de retour, appendTo retourne l'élément #minidiv, append renverra l'élément #div2. Utilisez celui que vous trouvez le plus utile si vous voulez faire plus d'actions (en enchaînant).

Answer 2

$('#minidiv1').appendTo('#div2'); 

ou

$('#div2').append($('#minidiv1')); 

Answer 3

$("#minidiv1").appendTo("#div2") 

Answer 4

Luca, a fait la réponse de Paul fonctionne réellement pour vous? Je pense que vous devez être référencer l'objet jQuery comme ceci:

$($('#minidiv1')).appendTo('#div2'); 
// or 
$('#div2').append($('#minidiv1')); 

Sinon, jQuery va simplement ajouter la chaîne « # minidiv1 » à # div2, plutôt que de déplacer votre div existant.