javascript - 我应该如何在HTML中显示数字以便以后在javascript中进行计算

我试图弄清楚如何以正确有效的方式显示数字，以便以后在HTML中进行计算。这就是我现在能想到的，但似乎并不正确。

<p class = "price"> <span class ="sign">$</span> 10 </p>

以后的实现包括

$("p.price") * (the desire currency rate being called)

然后使用p.price更新整个页面

最佳答案

考虑使用data attributes：

<p class="price" data-usd-price="10"> any markup you want </p>

然后，您可以根据自己的喜好对其进行格式化，并在以后通过以下方式访问原始值：

$("p.price").data("usd-price")

这里有一个更复杂的例子：

<p class="price" data-usd-price="10">foo<span class="converted"></span></p>
<p class="price" data-usd-price="30">bar<span class="converted"></span></p>
<p class="price" data-usd-price="49.99">buzz<span class="converted"></span></p>
<p class="price" data-usd-price="99.99"><span class="converted"></span></p>

$('p.price').each(function () {
  $(this)
    .children('span.converted')
    .html(
      $(this).data('usd-price') * 22
    )
})