使用javascript删除div中的部分文本[重复]

Posted 2023-02-23

【中文标题】使用javascript删除div中的部分文本[重复]

【英文标题】：remove part of text in a div using javacript [duplicate]

【发布时间】：2022-01-10 04:06:51

【问题描述】：

我想删除 span 标签列表中文本的一部分（前 4 个字符）（按类名过滤）：

<span class="time">00:00:50</span>
<span class="time">00:01:22</span>
<span class="time">00:02:44</span>

我想得到这个：

<span class="time">0:50</span>
<span class="time">1:22</span>
<span class="time">2:44</span>

我尝试了一些使用text.substr(1, 4) 的代码，但它们都不起作用。 有人可以帮我吗？

【问题讨论】：

你尝试了什么？

【参考方案1】：

你可以使用正则表达式来匹配它

document.querySelectorAll(".time").forEach(function (elem) 
  elem.textContent = elem.textContent.match(/[1-9]?\d:\d\d$/)[0];
);

<span class="time">00:00:50</span>
<span class="time">00:01:22</span>
<span class="time">00:02:44</span>

substr 如果它总是 X:XX

document.querySelectorAll(".time").forEach(function (elem) 
  elem.textContent = elem.textContent.substr(-5);
);

<span class="time">00:00:50</span>
<span class="time">00:01:22</span>
<span class="time">00:02:44</span>

【讨论】：

谢谢老兄，完美无瑕，真的很高兴你的帮助！