2016-12-05 11 views
2

私は三つのサブ要素element1element2element3を持つ要素を持っています。とdiv要素を複製し、元の要素とクローンを同じボタンで操作しますか?

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

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

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

+0

、あなたの質問ものの少し曖昧です。あなたは、クローンが意味するものを正確に明らかにし、元の要素を操作できますか?フィドルhttps://jsfiddle.net/oou6d2s0/ – Kyle

+0

例最初のボタン「COMMANDER」このフィルタは唯一のオリジナルの要素は私がオリジナルのボタンを使用することができますどのように他の言葉でクローン –

+0

に影響を与えない影響を与える私のコードにフィルタのこの使用を参照してください。クローンの元の要素を操作する –

答えて

0

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

</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(){ /*...*/ }); 
} 
+0

はい、私はこれがうまくいると思いますが、クローンなしでこれを行う方法はありませんオリジナルボタンの2つの要素(オリジナルとクローン)を操作するだけです –

+0

@braveheart、他の方法htmlの両方の要素をあらかじめ定義することです。詳細については、私の答えで**追加**をチェックしてください。 htmlを変更できない場合は、クローニングが最良の方法のように聞こえます。 – pttsky

関連する問題