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

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

小提琴 ​</p>

Answer 2

1. 您可以使用 data() 来存储一个对另一个 div 的引用，例如

   original_div.data('克隆', clone_div)

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

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