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>';

Answer 2

split()期间的字符串。

http://www.w3schools.com/jsref/jsref_split.asp

var price = '12.95';
var arr = price.split(".");

var dollar = arr[0];
var cent = arr[1];

// desired result
var str = '<span class="dollar">' + arr[0] + 
          '</span><span class="cents">' + arr[1] +'</span>';

Answer 3

不同的东西：

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

http://jsfiddle.net/WRrR7/1/

造型部分的字符串

3 个答案: