将相同的元素追加到两个地方

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