如何“连接”克隆元素，以便应用于原始的更改也应用于克隆元素？

Question

我有这种情况（为了这个问题，它非常简化）：

var original_div = $('<div></div>');
var clone_div = original_div.clone();
original_div.width(300);

有什么方法可以自动获得clone_div与original_div相同的宽度？我说的是宽度，但解决方案通常适用于所有属性......

这可能吗？我会很高兴任何提示。

Answer 1

创建一个包含原始元素的新元素集合，这样您就可以修改集合，并且原始元素都将发生变化：

var original_div = $('<div></div>');
var clone_div = original_div.clone();
var both_div = original_div.add(clone_div);

both_div.width(300);

console.log(original_div.width());
console.log(clone_div.width());

FIDDLE     

Answer 2

1. 您可以使用data（）将一个div的引用存储到另一个div，例如

   original_div.data（'clone'，clone_div）

然后在设置宽度时检查值。

1. 您可以为原始和单独添加一个类，使用该选择器来更改两者的宽度。