首页 > 解决方案 > 如何从跨度元素中删除尾随零?

问题描述

我有班号

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

如何将000000值的最后一个干净 6 数字 0 格式化为:2541865.

标签: javascriptnumbersformat

解决方案


您可以通过类选择器选择元素.sf-text-number。然后遍历它们,您可以使用element.innerText.

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

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");
}
<span class="sf-range-min sf-text-number">254000000</span>
<span class="sf-range-max sf-text-number">1865000000</span>


推荐阅读