动态元素在另一个动态元素中追加。

Question

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

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);