javascript - 将选定的 html 元素放入全局对象以避免重复

Question

有一天我在想我可以通过这种方式删除 id 的重复：

htmlElements = {
    $tabs: jQuery('#tabs'),
    $tabs1: jQuery('#tabs-1'),
};

并在需要访问时在 javascript 中使用 htmlElements.$tabs 例如。我在想 - 如果需要更改设计，设计师可能会使用不同的 ID，我们需要在设计或 JavaScript 代码中进行更改以替换所有 ID。这样我们就需要在一个地方更换。

是太硬核还是好事？在互联网上找不到有关此的问题。

我想我是在看到主干在对象中有 $el 之后决定这样做的。