Javascript 要附加的最大元素数

我所尝试的应该很容易，但我似乎无法解决它（或者用谷歌搜索问题）

我找到了一些元素，在找到它们之后，我想将它们附加到一个容器中。但是我不想添加太多的项目，所以我希望能够限制要添加的项目的数量

例如：

<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.project的数量，例如，只追加我找到的前2个。我不确定有什么办法可以做到这一点

…例如，仅附加我找到的前2个

您可以使用选择器：

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

尝试使用选择器，选择索引小于匹配集中索引的所有元素

$(".toAppend").find(".project:lt(2)").appendTo(".appending");

---

我不会想到的，很有趣。但是关于浏览器兼容性，我将使用jquery.slice（）：）但我将把它写下来以记住。

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

var LIMIT = 2;
var appenditems = $(".toAppend").find(".project");
appenditems.slice(0, LIMIT).appendTo(".appending");

$(".toAppend").find(".project:lt(2)").appendTo(".appending");

$('.toAppend .project:lt(2)').appendTo('.appending');