jQuery clone бесконечное время?

Question

Способ работы jQuery .clone(), как только вы вставляете клонированный объект где-то, вы не можете вставить его снова в другой раз, не повторно клонируя исходный объект. Например, если вы сделаете это:

var cloned = $('#elem1').clone(); 
$('#elem2').after(cloned); 
$('#elem2').after(cloned); 

только одна копия elem1 будет скопирована и второй after вызов не сделал бы ничего.

Есть ли способ не «очистить буфер обмена» после использования клонированного объекта? Сейчас я делаю это, клонируя объект, прежде чем вставлять его где-нибудь. Есть лучший способ сделать это?

Answer 1

Ваши две линии просто перемещают один и тот же набор элементов jQuery в два раза. Если вам нужна новая копия, вы должны снова клонировать ее. after() не клонирует ничего. Он просто перемещает контент вокруг. clone() в этом случае является тем, что создает контент.

var cloned = $('#elem1').clone(); 
$('#elem2').after(cloned); 
cloned = $('#elem1').clone(); 
$('#elem2').after(cloned); 

Кроме того, вы должны изменить или удалить атрибут ID, когда вы делаете что:

var cloned = $('#elem1').clone().removeAttr("id"); 
$('#elem2').after(cloned); 
cloned = $('#elem1').clone().removeAttr("id"); 
$('#elem2').after(cloned); 

, как дублированные идентификаторы технически не могут так поведение не определено.