如何两次附加相同的变量？答案

【问题标题】：How to append the same variable twice?如何两次附加相同的变量？
【发布时间】：2012-10-04 05:53:12
【问题描述】：

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

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

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

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

【问题讨论】：

如果此问题已被回答，请将其中一个答案标记为已回答。

标签： javascript jquery

【解决方案1】：

尝试放入相同的选择器，如下所示，

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

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

正如 Felix 从 jQuery 文档中指出的 .append

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

【讨论】：

...当有多个位置要追加时，jQuery 真的会自动克隆元素吗？我从没想过会这样。 +1。我想我只是从未真正看过它。
@KevinB：显然是的：但是，如果有多个目标元素，则会为第一个目标之后的每个目标创建插入元素的克隆副本。 - @ 987654324@

【解决方案2】：

克隆它：

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

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

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

或者像这样：

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

【讨论】：