javascript - 同じ変数を 2 回追加する方法は?

Question

同じ変数を 2 回追加しようとしていますが、コードは 2 番目の変数でのみ機能するようです。

var test=document.createElement('option');               
test.innerHTML='some data';

      $('#data1').append(test);
      $('#data2').append(test);

別の変数を作成せずに変数 test を 2 回追加したい。どうもありがとう！

Answer 1

以下のように同じセレクターを入れてみてください。

デモ: http://jsfiddle.net/mrMva/

$('#data1, #data2').append(test);

Felixが jQuery docs for から指摘したように。追加

ただし、ターゲット要素が複数ある場合は、挿入された要素の複製されたコピーが、最初のターゲットの後に各ターゲットに対して作成されます。

Answer 2

それを複製します：

  $('#data1').append(test);
  $('#data2').append(test.cloneNode(true));

---

または、これを行うだけで、jQuery がクローンを作成します。

$('#data1, #data2').append(test);

またはこのように：

$("<option>some data</option>").appendTo('#data1, #data2');