javascript - 追加元素的最大数量

Question

我正在尝试的应该很简单，但我似乎无法弄清楚(或者用谷歌搜索问题)

我有找到的元素，找到它们后我想将它们附加到容器中。但我不想要很多项目，所以我希望能够限制要附加的项目数量。

例如:

<div class="appending">

</div>

<div class="toAppend">

    <div class="box project">
      <h3>Project Box</h3>
    </div>

    <div class="box project">
      <h3>Project Box</h3>
    </div>

    <div class="box social">
      <h3>Social Box</h3>
     </div>

    <div class="box video">
      <h3>Video Box</h3>
    </div>

    <div class="box project">
      <h3>Project Box</h3>
    </div>

    <div class="box social">
      <h3>Social Box</h3>
    </div>

</div>

这是 div.toAppend 中的 3 个项目，我想附加到 div.appending

var appenditems = $(".toAppend").find(".project");
appenditems.appendTo(".appending");

这很简单，但我的问题是我想限制附加的 div.project 的数量，例如，只附加我找到的前 2 个。我不确定有什么方法可以做到这一点。

Answer 1

...for example, only append the first 2 that I find.

appenditems.slice(0,2).appendTo(".appending");