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

Question

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

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

后期实现包括

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

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

Answer 1

考虑使用 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
    )
})