Javascript 如何用空格替换下划线？

我有一个包含对象的数组，其中一些对象在字符串中包含下划线

例如：

{"name": "My_name"}

<div>
 <div class="name">
  My_name
 </div>
 <img src="My_name.jpg"/>
</div>

但是我在多个地方调用name函数，其中一个地方是图像标记中需要下划线的地方，我想使用JavaScript选择一个带有名称的特定div，并用空格替换下划线

例如：

{"name": "My_name"}

<div>
 <div class="name">
  My_name
 </div>
 <img src="My_name.jpg"/>
</div>

我的名字

---

在

div.name

中，我希望它显示

My name

而不是

My_name

，您可以用空格替换字符串中的所有下划线，如下所示：

str.replace(/_/g, ' ');

所以在内容放入之前就这样做。如果以后需要执行更换，请使用

每个
循环：

$('.name').each(function() {
    var $this = $(this);

    $this.text($this.text().replace(/_/g, ' '));
});

ES2021引入了nifty函数，这意味着它可以写成：

str.replaceAll('_', ' ')

如果要执行多个元素，只需在其上循环并使用：

请注意，使用regexGood编写的第一部分没有单引号或双引号，我还没有太多机会回顾ES2021，但这是有用的信息。这是否回答了您的问题？