如何将相同的变量追加两次?

时间:2012-10-03 21:44:48

标签: javascript jquery

我试图将相同的变量追加两次,但看起来代码只适用于第二个。

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

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

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

2 个答案:

答案 0 :(得分:9)

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

DEMO http://jsfiddle.net/mrMva/

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

正如Felix.append

的jQuery文档中指出的那样
  

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

答案 1 :(得分:4)

克隆它:

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

或者只是这样做,jQuery会为你克隆它:

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

或者像这样:

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