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

...例如，只追加我找到的前两个。

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

Answer 2

您可以使用:lt选择器：

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

Answer 3

jQuery's Slice

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

Example

Answer 4

尝试使用:lt选择器选择匹配集内索引小于索引的所有元素。

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

Answer 5

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

要追加的最大元素数量

5 个答案: