div要素を複製し、元の要素とクローンを同じボタンで操作しますか？

Question

私は三つのサブ要素element1、element2とelement3を持つ要素を持っています。と

私は、この要素 のクローンを作成し、「同時にクローン要素とオリジナルの」を操作することができますどのようにコマンドbutton2フィルタelement2

を使用する場合、私は、コマンドbutton1フィルタelement1
を使用このコマンドbutton1

私はこのコードを使用しますが、機能しません。私はあなたが正しいundestood場合は、単に要素のクローンを作成し、その後、jqueryの選択を行うために.add()メソッドを使用して、彼のクローンに元の要素を操作

Answer 1

のためのオリジナルボタンを使用することができますどのように他の言葉で

</script> 
    <input type="button" id="btnClone" value="Clone Div" /> 
    <script> 
     $("#btnClone").bind('click', function() { 
      $('#prueban2').clone(true).appendTo('body'); 
     }); 
</script> 

元の要素と複製された要素の両方を取得してから、必要なものをすべて実行します。

は、だから私は、次のようにあなたのコードを見て作られます：クローニングせずに2つの要素を操作するため

<input type="button" id="btnClone" value="Clone Div" /> 
    <script> 
     $("#btnClone").bind('click', function() { 
      var $original = $('#prueban2'); 
      var $clone = $original.clone(true); 
      $clone.appendTo('body'); 

      // now manipulate original element with clone: 
      $original.add($clone).bind('click', function() { /* ... */ }); 

      // ... or: 
      $original.add($clone).each(function(el) { /* ... */ }); 
     }); 
</script> 

追加

を、あなたは彼らがすでに存在する必要があります。あなたは（などやPHP、）HTMLとこれら2つの要素を作成し、それらの1 #btnCloneがクリックされるまで（例えばdisplay:noneとCSSクラス.hiddenを追加）を非表示にすることができます：

HTML：

<div id="preuban2"></div> 
<div id="preuban2-1" class="hidden"></div> 

CSS：

.hidden { 
    display: none; 
} 

JS：私のために働い

$('#btnClone').click(function() { 
    $('#preuban2-1').removeClass('hidden'); 

    // manipulate both elements 
    $('[id^=preuban2]').bind('click', function(){ /*...*/ }); 
}