javascript - 使 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

为它们分配一个公共(public)类，例如“分数”:

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

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

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