动态元素附加在另一个2动态元素内

Question

我有一个三个动态元素。在此，我将一个动态元素附加到其他2个动态元素中。出现的问题是它从第一个元素中删除然后追加到下一个元素。

var a = $('<div>');
var b = $('<div>');


var c = $('<a>');
c.text('apple');
a.addClass('a');
b.addClass('b');

b.append(c);
a.append(c);

$('.i1').append(a);
$('.i2').append(b);

https://jsfiddle.net/u5zm5ffp/3/

Answer 1

您应该在追加它之前创建新对象，例如通过调用$.clone方法：

b.append(c.clone());
a.append(c.clone());

$('.i1').append(a);
$('.i2').append(b);