javascript - 如何两次附加相同的变量？

Question

我试图两次附加相同的变量，但似乎代码只适用于第二个。

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

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

我想在不创建另一个变量的情况下两次附加变量测试。非常感谢！

Answer 1

尝试像下面一样放入相同的选择器，

演示：http: //jsfiddle.net/mrMva/

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

正如Felix从 jQuery 文档中指出的那样。附加

但是，如果有多个目标元素，则会为第一个目标之后的每个目标创建插入元素的克隆副本。

Answer 2

克隆它：

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

---

或者只是这样做，jQuery 会为你克隆它：

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

或者像这样：

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