jquery - 如何仅克隆特定数量的元素？

Question

我有 10 多个 img div，例如<img class="thumbnail22">.

但我只想克隆前 5 个元素（img divs）。

我将$('img.thumbnail22').clone().prependTo(".cloned");它们克隆到 .cloned div 中，它可以工作。但是我怎样才能只克隆前 5 个元素呢？

感谢帮助！

Answer 1

您可以使用slice()来限制要保留在选择器中的元素数量。

$('img.thumbnail22').slice(0, 5).clone().prependTo(".cloned");

另一种方法是使用:lt()直接限制选择器中的元素数量

$('img.thumbnail22:lt(5)').clone().prependTo(".cloned");

Answer 2

试试看slice()_

$('img.thumbnail22').slice(0,20).clone().prependTo(".cloned");

请记住，jQuery 对象是数组的扩展。