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

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

我尝试了这个，但只 append 到一个 div:

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

Answer 1

Working DEMO

这样就可以了

:lt文档

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

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