如何从span元素中删除尾随零?

时间:2018-04-27 03:25:23

标签: javascript numbers format

我有班级编号

<span class="sf-range-min sf-text-number">254000000</span>
<span class="sf-range-max sf-text-number">1865000000</span>

如何将最后值为000000 6号0的格式设置为:2541865

1 个答案:

答案 0 :(得分:1)

您可以通过类选择器.sf-text-number选择元素。然后迭代它们,您可以使用element.innerText来获取跨度内的文本。

现在要删除尾随零,你可以使用像(\d)0*$这样的正则表达式 - 它查找数字后跟零。正则表达式匹配的结果将包含第一个匹配组中的前导非零数字,然后您可以使用$1进行访问。

&#13;
&#13;
var numberElements = document.querySelectorAll(".sf-text-number");

for(var i = 0; i < numberElements.length; i++) {
  var elem = numberElements[i];
  console.log("The number: " + elem.innerText);
  
  elem.innerText = elem.innerText.replace(/(\d)0*$/g, "$1");
}
&#13;
<span class="sf-range-min sf-text-number">254000000</span>
<span class="sf-range-max sf-text-number">1865000000</span>
&#13;
&#13;
&#13;