Jquery 设置字符串部分的样式

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

var price = "12.95";

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

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

在句点上拆分字符串

在句点上拆分字符串

---

试着把价格分成两份。分隔符，然后像下面这样附加标签

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

---

试着把价格分成两份。分隔符，然后像下面这样附加标签

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

有些不同：

var price = '12.95'.split('.');
$('<span/>').appendTo('body').addClass('dollar').html('$' + price[0]);
$('<span/>').appendTo('body').addClass('cents').html('.' + price[1]);

有些不同：

var price = '12.95'.split('.');
$('<span/>').appendTo('body').addClass('dollar').html('$' + price[0]);
$('<span/>').appendTo('body').addClass('cents').html('.' + price[1]);

---

所以你是说你不能控制HTML或其他东西。上面的HTML看起来不错，只需根据需要为每个跨度设置CSS样式即可。你为什么需要javascript？你尝试过什么？哦，他想知道如何分解价格。有时候这里的问题很难弄清楚他们在问什么，所以你是说你无法控制HTML或其他东西。上面的HTML看起来不错，只需根据需要为每个跨度设置CSS样式即可。你为什么需要javascript？你尝试过什么？哦，他想知道如何分解价格。老兄，有时候这里的问题很难弄清楚他们在问什么。