aide des éléments mobiles avec jquery

Question

i a obtenu ces deux dans les DOM:

<div id="buffert"> 
     <span class="left"><a>link</a><a>link</a></span> 
     <span class="right">Some text<span>title</span></span> 
</div> 

<div id="final"> 
     <span class="left">&nbsp;</span> 
     <span class="right">&nbsp;</span> 
</div> 

je veux déplacer tous les éléments que dans la div # span.left et span.right tampon à la div # span.left finale et span.right.

i essayé:

$('div#final span.left').append($('div#buffert span.left')); 
$('div#final span.left').append($('div#buffert span.left.children')); 
$('div#final span.left').append($('div#buffert span.left.children()')); 

mais cela ne fonctionne pas.

Quelqu'un pourrait-il m'aider?

Answer 1

Il existe de nombreuses façons d'accomplir ce que vous demandez ... ce ne sont que quelques-unes.

Avec la structure étant identique, pourquoi ne pas simplement remplacer le HTML?

$("#final").html($("#buffert").html()); 

Si vous voulez les joindre à l'élément #final, utilisez $.appendTo():

$("#buffert .left, #buffert .right").appendTo("#final"); 

Ou vous pouvez déplacer les enfants eux-mêmes sur (et non pas seulement le code HTML)

$("#final .left").html("").append($("#buffert .left").children());