jquery - 设置字符串各部分的样式

Question

我想对价格标签的两个部分采用不同的样式。我想让美元金额大于美分金额。价格是一个动态值，所以我必须单独包装每个部分。我该怎么做？

var price = "12.95";

// desired result
<span class="dollar">12.</span><span class="cents">95</span>

我不认为我可以只使用 CSS，但我可以使用一些 jQuery。

Answer 1

尝试按 . 分隔符分割价格，然后附加如下标签，

var priceTokens = price.split('.');
price = '<span class="dollar">' + priceTokens[0] + 
        '</span><span class="cents">.' + priceTokens[1] + '</span>';