jquery - 将相同的元素附加到两个地方

Question

我有以下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)');
});

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

我试过了，但只附加到一个 div：

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

Answer 1

工作演示

这会做到的

:lt文档

div:lt(2)将选择前两个元素

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

Answer 2

你可以把它转过来

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

Answer 3

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


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