Jquery 将同一元素附加到两个位置

我有以下html

<div id="test">
    <div>
      <img /><img /><img />
    </div>
    <div>
      <img /><img /><img />
    </div>
</div>

jquery：

$('#clickto').click(function(){
   $('<h1>hi</h1>').appendTo('#test div:nth-child(1)');
   $('<h1>hi</h1>').appendTo('#test div:nth-child(2)');
});

$（'#clickto'）。单击（函数（）{
$（'hi'）。附录（'testdiv:nth child（1）'）；
$（'hi'）。附录（'testdiv:nth child（2）'）；
});

由于我附加了两次，所以必须附加相同的元素。我认为有一个简单的方法

我尝试了这个，但只附加了一个div：

$('<h1>hi</h1>').appendTo('#test div');

$（'hi'）。附加到（'test div'）；

这就行了

文件

div:lt（2）

将选择前两个元素

$('<h1>hi</h1>').appendTo('#test div:lt(2)');

$（'hi'）。附录（'lt（2）'；

这就行了

文件

div:lt（2）

将选择前两个元素

$('<h1>hi</h1>').appendTo('#test div:lt(2)');

$（'hi'）。附录（'lt（2）'；

你可以改变它

$('#test div').append($('<h1>hi</h1>'));

$（'testdiv'）。追加（$（'hi'）；

你可以改变它

$('#test div').append($('<h1>hi</h1>'));

$（'testdiv'）。追加（$（'hi'）；

$（'hi'）。附加到（'test div.select_me'）；

$（'hi'）。附加到（'test div.select_me'）；