jquery - 将两个元素视为 "the same"

Question

我有两个 jQuery 元素，$link = $('<a>')和$input = $('<input/>') .

虽然它们是两种不同类型的元素，但它们在我的代码中(并且在我的脑海中!)非常相关:

1)从概念上讲，它们是一个对象的不同表示。

2)它们具有相同的属性。

3) 当一个显示在屏幕上时，另一个隐藏。

到目前为止，我已经使用了 .data()在两者之间执行链接:

$link.data('$input', $input);
$input.data('$link', $link);

随着我的代码变得越来越复杂，这个解决方案变得令人困惑和困惑。

我可以考虑采用不同的方法吗？例如，有没有办法让两个元素的属性不断同步？有没有办法从两者中创建一个“元对象”？等等

Answer 1

是的，使用.add()

$link = $('<a>');
$input = $('<input />');
$both = $link.add($input);
$both.doStuff(); //Will apply to both