Comment cloner seulement un nombre spécifique d'éléments ?

Question

J'ai 10+ img divs comme <img class="thumbnail22"> .

Mais je veux cloner seulement les 5 premiers éléments (divs img).

Con $('img.thumbnail22').clone().prependTo(".cloned"); Je les clone dans la division .cloned, ce qui fonctionne. Mais comment puis-je cloner uniquement les 5 premiers éléments ?

Merci pour votre aide !

Answer 1

Vous pouvez utiliser tranche() pour limiter le nombre d'éléments que vous souhaitez conserver dans votre sélecteur.

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

L'autre moyen est de limiter le nombre d'éléments directement dans le sélecteur en utilisant :lt()

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

Answer 2

Essayez slice() l'ingérer

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

N'oubliez pas que les objets jQuery sont des extensions d'un tableau.