首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何用空格替换下划线?

如何用空格替换下划线?
EN

Stack Overflow用户
提问于 2012-08-05 01:25:38
回答 2查看 68.9K关注 0票数 49

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

示例:

代码语言:javascript
复制
{"name": "My_name"}

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

示例:

代码语言:javascript
复制
<div>
 <div class="name">
  My_name
 </div>
 <img src="My_name.jpg"/>
</div>

div.name中,我希望它显示My name而不是My_name

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-08-05 01:26:54

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

代码语言:javascript
复制
str.replace(/_/g, ' ');

所以,在放入内容之前,只需这样做即可。如果以后需要执行替换,请使用each进行循环

代码语言:javascript
复制
$('.name').each(function () {
    this.textContent = this.textContent.replace(/_/g, ' ');
});
票数 115
EN

Stack Overflow用户

发布于 2020-09-16 23:08:09

ES2021引入了漂亮的replaceAll()-function,这意味着它可以写成:

代码语言:javascript
复制
str.replaceAll('_', ' ')

如果想要处理多个元素,只需循环遍历它们并使用forEach()

代码语言:javascript
复制
const elements = document.querySelectorAll('.name')   
elements.forEach(e => e.innerText = e.innerText.replaceAll('_', ' '))
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11810569

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档