Javascript中的分数

Fraction number in Javascript

本文关键字:Javascript      更新时间:2023-09-26

我正在处理一个JavaScript项目,在该项目中我需要显示一个数字数组。这些数字可以是整数也可以是分数。我需要以经典的方式显示分数,我的意思是,顶部的数字,在一行下面和另一个数字下面,如本例所示:

http://jsfiddle.net/xW7d8/

问题是,我所说的数组是包含数字的数组,使用Jquery我更改div的文本,以便显示数字,就像这样:

97,30,58,53,42,60,77,11

69/90,10/32,74/74,9/54,69/2,77/86,62/72,55/85

我要做的第一件事是填充数组,将数字保存为字符串,然后更改div的文本

var array = fillArray();//this fill an array of numbers, integers or fractions
var stringArray;//will contains the numbers of the array
for(var i=0;i<array.length;i++)
{
  stringArray+= array[i];
}
$("#num1").text(stringArray);

这样,我就不能给每个数字都加一个div ID,如果我尝试这样做,它不会被解释为HTML,我会得到HTML标记本身的文本,例如,对于数字1/2,如果我试图这样做:

<span class="fraction">1/2</span>

我真的得到了span类,它不是作为HTML代码读取的。

我还尝试在JavaScript代码中生成分数的格式:

var number = x + "'n" + "-" + "'n" + y;

这不起作用,它不识别"''n",也不识别"''r"等(如果我尝试使用<br/>是按字面意思写的)

有什么方法可以按我想要的方式得到分数吗?可能我需要在JavaScript中生成这种格式的数字,而不需要HTML标记的帮助。

用包含标记的字符串试试这个。不过,它应该以一个标签开始:

$("#num1").html(stringArray);

但是,由于fiddle使用fraction类重写div,您可能只想自己生成fraction的整个html。CCD_ 1而不是做CCD_ 2然后运行代码进行转换。

听起来你想使用JQuery的html()函数而不是text()

$("#num1").html(stringArray);

这有帮助吗?