javascript - 如何将 "connect"克隆元素应用到原始元素的更改也应用于克隆元素？

Question

我有这种情况(为了这个问题非常简化):

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

有什么方法可以自动获得与 original_div 相同的宽度的 clone_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