добавить тот же элемент в двух местах

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

Working DEMO

Это будет делать это

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