使2个div镜像其内容的计算成本最低的方法是什么？

Question

我正在尝试优化我的JavaScript代码。我有以下代码片段，其中两个不同的div someElement和someOtherElement在任何给定时间都保持相同的数字（即，一个内部文本反映另一个。文本代表游戏中的得分，显示在网页的两个不同部分上。）

var x = $('#someElement');
x.text(x.text()+10);
var y = $('#someOtherElement');
y.text(y.text()+10);

我想我可以减少2次操作和一些记忆而不是做

var x = $('#someElement');
x.text(x.text()+10);
$('#someOtherElement').text(x);

但还有更好的方法吗？如果可能的话，我希望同时更加优雅和高效。

Answer 1

为他们分配一个共同的类，例如“分数”：

var x = $('.score');
x.text(x.text()+10);

如果不可能，请使用multiple selector：

var x = $('#someElement, #someOtherElement');
x.text(x.text()+10);