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')