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

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

3 个答案: