主页 / 问题 / 1449923
Accepted
mat
Asked:2022-09-19 17:15:11 +0000 UTC2022-09-19 17:15:11 +0000 UTC

在小标签中选择分数价格数字

  • 772

怎么用javascript把小数带进小标签，也就是一分钱，一个例子说明应该怎么做

<p class="price">630.<small>01</small> ₽</p>

最后 2 位数字，符号卢布 (₽) 除外

<p class="price">630.01 ₽</p>
    <p class="price">50.00 ₽</p>
    <p class="price">150.55 ₽</p>

javascript

0 个回答

  1. document.querySelectorAll('.price').forEach(el => {
    let text = el.textContent;
    let indexOfPoint = text.indexOf('.');
    let result = `${text.substr(0, indexOfPoint + 1)}<small>${text.substr(indexOfPoint + 1, 2)}</small>${text.substr(indexOfPoint + 3)}`;
    
    el.innerHTML = result;
})
    .price small {
  color: blue;
}
    <p class="price">630.01 ₽</p>
<p class="price">50.00 ₽</p>
<p class="price">150.55 ₽</p>

    • 3
  2. Best Answer

    let regexp = /((\.|\s|,)[0-9]{1,2})/;
document.querySelectorAll(".price").forEach(elem => {
  elem.innerHTML = elem.innerHTML.replace(regexp, '<small>$1</small>')
});
    <p class="price">630 01 ₽</p>
<p class="price">50.00 ₽</p>
<p class="price">150,55 ₽</p>

    let regexp = /(\.[0-9]{1,2})/;
document.querySelectorAll(".price").forEach(elem => {
  elem.innerHTML = elem.innerHTML.replace(regexp, '<small>$1</small>')
});
    <p class="price">630.01 ₽</p>
<p class="price">50.00 ₽</p>
<p class="price">150.55 ₽</p>

    • 1

相关问题