jquery - 同じ要素を 2 か所に追加する

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)');
});

2 回追加したため、同じ要素を追加する必要があります。簡単な方法があると思います。

私はこれを試しましたが、1つのdivにのみ追加します:

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

Answer 1

ワーキングデモ

これでできます

:ltドキュメント

div:lt(2)最初の 2 つの要素を選択します

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

Answer 2

<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');

Answer 3

あなたはそれを回すことができます

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