實現數字每隔三位用逗號隔開,便於查看金額
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title> </head> <body> <table> <tr> <td class="mT"> 950000000.54 </td> </tr> </table> <script src="jquery.min.js"></script> <script> $(function() { $(".mT").each(function() { var num = parseFloat($(this).text()).toFixed(2);//獲取文本框中的數字 var beforeNum = num.toString().split(".")[0];//獲取小數點之前的數字 var afterNum =num.toString().split(".")[1];//獲取小數點之后的數字 function toThousands(newnum) { //每隔3位,用逗號隔開 var result = [], counter = 0; newnum = (newnum || 0).toString().split(''); for(var i = newnum.length - 1; i >= 0; i--) { counter++; result.unshift(newnum[i]); if(!(counter % 3) && i != 0) { result.unshift(','); } } return result.join(''); } var lastNum = toThousands(beforeNum);//將小數點之前的整數用逗號隔開 $(this).text(lastNum.concat(".",afterNum));//將小數部分加在處理過的數字后邊 }); }) </script> </body> </html>