Javascript更新爲HTML表格單元格（從數千到數百萬）

Question

我需要在我的網頁報表上創建一些Javascript表格，將表格值轉換爲數千或數百萬（例如，除以或乘以1000）。

麻煩的是每個值都是可點擊的（即它被封裝在一個錨標籤中）。

這可能嗎？

<table class="Table" > 
<thead><tr> 
    <th class="l Header" scope="col">£000s</th> 
    <th class="l Header" scope="col">Col1</th> 
    <th class="l Header" scope="col">Col2</th> 
</tr></thead> 
<tbody> 
<tr> 
    <td class="l Data"> My Data Row </td> 
    <td class="l Data"> <a class=nums href="javascript:MyFunc();"> 11,372,397</a></td> 
    <td class="l Data"> <a class=nums href="javascript:MyFunc();"> 11,344,327</a></td> 
</tr> 
</tbody> 

編輯

我使用IE6。基本上目標是有一個「千」和「百萬」按鈕，以便表格的值可以變成11,372k或11.4m等...

Answer 1

我會用jQuery

$(function(){ 
    $.each($('.nums'), function() { 
     $(this).html(Number($(this).html().replace(/,/g,"")) /*your math here*/); 
    }); 
}); 

在回答您的編輯： 因爲我很無聊，我寫這段的工作代碼爲你，圓並按照你認爲合適的方式插入'，'。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

<table class="Table" > 
<thead><tr> 
    <th class="l Header" scope="col">£000s</th> 
    <th class="l Header" scope="col">Col1</th> 
    <th class="l Header" scope="col">Col2</th> 
</tr></thead> 
<tbody> 
<tr> 
    <td class="l Data"> My Data Row </td> 
    <td class="l Data"> <a class="nums" href="javascript:MyFunc();"> 11,372,397</a></td> 
    <td class="l Data"> <a class="nums" href="javascript:MyFunc();"> 11,344,327</a></td> 
</tr> 
</tbody> 

<input type="button" onclick="toMillions();"> 
<input type="button" onclick="restore();"> 

<script type="text/javascript"> 

    $(function(){ 
     $.each($('.nums'), function() { 
      $.data(this, "theValue", $(this).html()); 
     }); 
    }); 


    function toMillions(){ 
     $.each($('.nums'), function() { 
      $(this).html(Number($.data(this,"theValue").replace(/,/g,""))/1000000 + ' million'); 
     }); 
    } 

    function restore(){ 
     $.each($('.nums'), function() { 
       $(this).html($.data(this,"theValue")); 
     }); 
    } 
</script> 

Answer 2

我會開始考慮document.getElementsByClassName（'nums' ），它會給你一個你的元素數組。事情是這樣的：

nums = document.getElementsByClassName('nums'); 
for (i in nums) 
    nums[i].innerHTML = nums[i]+',000';i 

這可能僅適用於新的瀏覽器，雖然如此，你可能希望在javascript框架使用了類似的方法。 jQuery的允許獲得通過類名的元素與選擇

$('.nums')