2009-10-05 15 views
7
<ul> 
    <li class="append-me">Content A</li> 
    <li class="append-me">Content B</li> 
    <li class="dont-append-me">Content C</li> 
</ul> 

<a id="append-it" href="#">Append!</a> 

<div id="appended-items"></div> 

<script> 
    $("#append-it").click(function(){ 
     $("#appended-items").append($(".append-me")); 
    }); 
</script> 

[Append!]をクリックすると、divにclass = "append-me"のliが正常に追加されますが、ノードはHTMLの元の場所から削除されます。どのようにノードをdivに追加できますか?元の場所からノードを削除しないでください。ありがとう!jQueryを追加して元の場所からノードを削除する

答えて

12

あなたは試すことができます:


$("#appended-items").append($(".append-me").clone()); 
+0

使用$( "#追加-項目")追加($( "を追加 - 私を。")クローン(真));。クローンされた要素のイベントハンドラを保持したままにしたい場合 –

関連する問題