使用Javascript在十进制值周围添加范围

Question

var value = 2.00

如何在＆＃39; .00＆＃39;周围添加范围标记，以便在我的页面上最终得到：

2<span>.00</span>

请注意＆＃39; 00＆＃39;可以是一个不同的价值。取决于正在注入的数据。

Answer 1

您可以使用 String#replace

＆＃13;

＆＃13;

var value = '2.00';
console.log(
  value.replace(/\.(\d+)/, '.<sapn>$1</span>')
);

＆＃13;

＆＃13;

＆＃13;

如果变量包含Number，则使用 Number#toFixed 将其转换为2个十进制格式字符串并执行相同操作。

＆＃13;

＆＃13;

var value = 2.00;
console.log(
  value.toFixed(2).replace(/\.(\d+)/, '.<sapn>$1</span>')
);

＆＃13;

＆＃13;

＆＃13;

参考：Specifying a string as a parameter in replace method。

Answer 2

将它分成两部分，并在第二部分添加一个跨度。不确定是否要在跨度内小数位，但这样做。

＆＃13;

＆＃13;

var value = '2.00';
var valueParts=value.split(".");
var newValue=valueParts[0] +"<span>."+valueParts[1]+ "</span>";
alert(newValue);

＆＃13;

＆＃13;

＆＃13;

Answer 3

使用toFixed功能

var num = 5.56789;
var n = num.toFixed(2);

如果您需要将字符串备回到数字，则可以使用parseFloat函数

var num = parseFloat(n)

Answer 4

您特别要求“span标记”，所以这是一个JQuery方法：

REQUIRES_NEW

请参阅此jsfiddle示例：https://jsfiddle.net/fictus/tj7df8qh/