Как удалить конечные нули из элемента span? - PullRequest
Новая
       34

Как удалить конечные нули из элемента span?

0 голосов
/ 27 апреля 2018

У меня есть номер класса 

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

Как отформатировать чистое 000000 6 число 0 последнего значения в: 254 и 1865.

1 Ответ

0 голосов
/ 27 апреля 2018

Вы можете выбрать элементы с помощью селектора класса .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>
...