使用javascript更改具有相同类的所有元素的内容答案

【问题标题】：Change content of all elements having same class using javascript使用javascript更改具有相同类的所有元素的内容
【发布时间】：2021-12-10 03:35:47
【问题描述】：

页面上有一些与.currency-text 类相关联的文本元素。我想用 3 位逗号分隔这些元素的值。

我已经创建了一个名为formatText() 的函数来格式化文本。

function formatText(x) {
   return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

如何遍历文档并格式化所有具有.currency-text 类的文本元素。我是 DOM 操作的新手，不知道什么是有效的方法。

【问题讨论】：

【解决方案1】：

使用querySelectorAll 获取元素，然后对它们进行迭代，将格式化文本应用于每个元素。

const elements = document.querySelectorAll('.currency-text');

elements.forEach(el => {
  el.textContent = formatText(el.textContent);
});

【讨论】：

【解决方案2】：

据我了解，您可以找到与该类 .currency-text 关联的所有元素，并在返回的列表上进行迭代。有点像：

let elements = $(document).find('.currency-text');
elements.each((e) => { e.innerText = formatText(e.innerText); });

【讨论】：