Rails：使用 HTML <sup> 标签设置 number_to_currency [关闭]

Question

在 Rails 应用程序中，我有这个 <%= number_to_currency product.price %>，它给出了这个 html 输出：29.98 美元。

有没有一种方法可以设置上述number_to_currency html 输出的样式，以便如下所示？

<p><sup>$</sup>29<sup>98</sup></p>

Answer 1

我用 JS 创建了一个小例子。

let symbol = pricePara.innerText.split("")[0];
let price = pricePara.innerText.split(".");
let priceLHS = price[0].replace(symbol, "");
let priceRHS = price[1];
pricePara.innerHTML = "<sup>" + symbol + "</sup>" + priceLHS + "<sup>" + priceRHS + "</sup>"

p{
  font-size:3em;
}

<p id="pricePara">$29.98</p>

---

有多个项目。

const priceParas = document.querySelectorAll('.price');

priceParas.forEach(function(item) {
  let symbol = item.innerText.split("")[0];
  let price = item.innerText.split(".");
  let priceLHS = price[0].replace(symbol, "");
  let priceRHS = price[1];
  item.innerHTML = "<sup>" + symbol + "</sup>" + priceLHS + "<sup>" + priceRHS + "</sup>"
})

p {
  font-size: 3em;
}

<p class="price">$29.98</p>
<p class="price">$2934.983</p>
<p class="price">$29434.00398</p>