jquery divコンテンツを置き換えるhtml（）

Question

私はdivのコンテンツをclickイベントにバインドされた新しいコンテンツに置き換えようとしています。私が代わりにそれが働いているhtml()ののappendTo()を使用しますが、私は、古いコンテンツをクリアする必要がある場合

JSFIDDLE

ので、私は少しそれが

Answer 1

を行う必要がありますように、これが機能しない理由困惑しているあなたcontentをselectorの代わりに使用し、selectorをcontentの代わりに使用する場合は、#とidselerを使用する必要があります。あなたはそれをあなたのフィドルでいくつかのミスを持ってこのよう

Live Demo

function showitnow() { 
    var div_data = "<div ><a href='XXX'>XXX</a></div>"; 
    $("#test1").html(div_data); 

} 

$("#button1").click(function() { 
    showitnow(); 
}); 
​ 

Answer 2

を行うことができ、それは次のようにする必要があります：http://jsfiddle.net/pCckh/3/

function showitnow() { 
    var div_data = "<div ><a href='XXX'>XXX</a></div>"; 
    $("#test1").html(div_data); 
    // ^---selector----^----------your content 
} 

$("#button1").click(function() { 
    showitnow(); 
// ^----------------remove the var and just call the function when click the button 
}); 

Answer 3

は多分uはこれを試すことができます。..
JQueryを親子として再生する..

<div id="Destination"> 
    <div class="child_content"> item 1 </div> 
    <div class="child_content"> item 2 </div> 
</div> 

    <div id="Source"> 
    <div class="child_content"> item 1 </div> 
    <div class="child_content"> item 2 </div> 
</div> 

     <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#Source .child_content").click(function(){ 
       $(this).parent().remove(); 
       $(this).appendTo("#Destination"); 
      }); 
     }); 
    </script> 

・ホープ、この参考になっ..

Answer 4

Please have a look!期待される結果...同じ例で必要

ほんの数変更。

<div id = 'div_data'> 
<button id="button1">BUTTON1</button> 
div> 

<div id="test2"></div>