示例代碼
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>腳本操作表格中列數(shù)據(jù)保留小數(shù)</title>
<script src="../Scripts/jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
function decimalDigits(){
/*
得到規(guī)則
名為列1的列镊屎，保留一位小數(shù)
名為列2的列世落，保留兩位小數(shù)
名為列3的列，保留三位小數(shù)
*/
var rule = "列1,1|列2,2|列3,3";
var flag = rule.split('|');
for(var i=0;i<flag.length;i++)
{
var columnName = flag[i].split(',')[0];
var decimalLength = flag[i].split(',')[1];
if($("td:contains('"+columnName+"')")[0] != null)
{
//得到列的索引
var columnIndex = $("td:contains('"+columnName+"')")[0].cellIndex + 1;
//如果有很多表格堪藐，可以通過(guò) 表ID 定位到表，如下行注釋代碼
//$("table[id='dataTable'] tr:not(:first) td:nth-child("+columnIndex+")").each(function(){
$("table tr:not(:first) td:nth-child("+columnIndex+")").each(function(){
var flag = parseFloat($(this)[0].innerText).toFixed(decimalLength);
//操作成功后，顯示保留小數(shù)后的數(shù)據(jù)
if(flag != "NaN")
{
$(this).html(flag);
}
});
}
}
}
</script>
</head>
<body onload="decimalDigits();">
<table cellpadding="0" rules="all" border="1" style="width: 100%; border-collapse: collapse;"
id="dataTable">
<tr>
<td scope="col" title="列1">
列1
</td>
<td scope="col" title="列2">
列2
</td>
<td scope="col" title="列3">
列3
</td>
</tr>
<tr>
<td title="15.90833">
15.90833
</td>
<td title="8.403333">
8.403333
</td>
<td title="10.165">
10.165
</td>
</tr>
<tr>
<td title="17.26667">
17.26667
</td>
<td title="">
</td>
<td title="7.656667">
7.656667
</td>
</tr>
<tr>
<td title="17">
17
</td>
<td title="9.41">
9.41
</td>
<td title="0.0043">
0.0043
</td>
</tr>
</table>
</body>
</html>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
