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

Question

I have class number

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

How to format clean 000000 6 number 0 last of value to: 254 and 1865 .

Answer 1

You can select the elements through class selector .sf-text-number . Then iterating over them, you can get the text inside the spans using element.innerText .

Now to remove the trailing zeros, you can use a regex like (\\d)0*$ - which looks for digits followed by zeros. The result of the regex match would contain the leading non-zero digits in the first matched group, which you can then access using $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>