Klonen von Elementen, wobei mehr als ein Klon beim Hinzufügen vermieden wird

Probieren Sie Ссылка

Momentan klonen Sie alle Elemente, die die Klasse .cloneitem haben, aber Sie wollen immer nur 1, also wollen Sie nicht alle .cloneItem auswählen, sondern nur die erste und klonen Sie diese.

Ihre Klone haben immer noch die Klasse cloneitem und werden daher erneut geklont. Entfernen Sie diese Klasse, oder ändern Sie den Selektor, sodass er nicht enthalten ist.

So etwas wie das Hinzufügen der Klassenklone und das Ausfiltern dieser Elemente:

Ссылка

$('.cloneitem') wählt alle Elemente mit cloneitem class aus.

Verwenden Sie .first() :

Sie klonen ein Element mit der Klasse "cloneitem" und hängen dann auch das geklonte Element mit derselben Klasse an, was Probleme für den nächsten Klon verursacht.

Hatte das gleiche Problem. Fügen Sie dem Div, das Sie klonen möchten, eine ID hinzu, die eindeutig ist. Ein Element kann nur eine ID, aber viele Klassen haben.

Sie klonen alle Elemente mit einer 'cloneitem'-Klasse, also klont es beim ersten Mal einmal, beim zweiten Mal klonen sie zwei. U kann das beheben, indem nur das erste Objekt wie folgt gefiltert wird:

Sie können immer auch den letzten auswählen:

Oder binden Sie einfach .clone () an das erste Element:

Ссылка