阿拉伯数字0、1、2、3、4、5、6、7、8、9,中文数字一、二、三、四、五、六、七、八、九、十,使用js脚本代码,把列表中的阿拉伯数字序号替换为中文数字文字。
转换函数代码:
function toChinesNum(num){
let changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']; //changeNum[0] = "零"
let unit = ["", "十", "百", "千", "万"];
num = parseInt(num);
let getWan = (temp) => {
let strArr = temp.toString().split("").reverse();
let newNum = "";
for (var i = 0; i < strArr.length; i++) {
newNum = (i == 0 && strArr[i] == 0 ? "" : (i > 0 && strArr[i] == 0 && strArr[i - 1] == 0 ? "" : changeNum[strArr[i]] + (strArr[i] == 0 ? unit[0] : unit[i]))) + newNum;
}
return newNum;
}
let overWan = Math.floor(num / 10000);
let noWan = num % 10000;
if (noWan.toString().length < 4) noWan = "0" + noWan;
return overWan ? getWan(overWan) + "万" + getWan(noWan) : getWan(num);
}
示例:
HTML代码
<li id="1"><i></i>排序一</li> <li id="2"><i></i>排序二</li> <li id="3"><i></i>排序三</li> <li id="4"><i></i>排序四</li> <li id="5"><i></i>排序五</li>
调用代码:
$(function(){
$('li').each(function(){
var _num = $(this).attr('id');
var _text = toChinesNum(_num);
$(this).children('i').text(_text);
});
});
获取li列表中的数字id,调用toChinesNum函数转换成中文数字文字,然后把转换后的中文数字文字显示在<i></i>标签中。
函数代码来自:https://blog.csdn.net/lavendersue/article/details/81066091