SUM表列号未隐藏 - 使用.hide（）

Question

作为一名新手程序员（有更高的抱负！），我发现这个论坛非常有教育意义。

可悲的是，我不能简单地加入并添加评论（最低50个可信度点）。因此，我被迫打开一个与前一篇文章相关的新问题，以便略微扩展拟议的答案：

sum all values for table column based on class

很好的回应。但是，我已经搜索过，无法找到添加列值（数字）的解决方案，但只有在未隐藏值时才使用.hide（）。

点击时，我有一个按钮可以隐藏它的表格行。在另一个表中，我有另一个按钮，单击时专门显示该行。在与引用的解决方案类似的方法中，我显示了列的总和。但是，我总是得到一个总值，除非我可以忽略我选择隐藏的行（包含列）。

非常感谢任何帮助。

相关代码：计算和

<script language="javascript" type="text/javascript">

$(calculateSum);

function calculateSum() {

var sum = 0;

// iterates through each td based on class "sumAMT" (perhaps here at the onset I could skip hidden rows?)

$(".sumAMT").each(function() {

    var value = $(this).text();

// adds only if the value is number  (this might also work as a place to determine if this is hidden value)

    if(!isNaN(value) && value.length != 0) {
        sum += parseFloat(value);
    }
});

// Converts to standard comma delimited numeric presentation

function Commas(x) {
    var parts = x.toString().split(".");
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    return parts.join(".");
}

// capture of results that are called by the DIV where I want the value displayed (  <DIV id="result"></DIV>  )

$('#result').text('$'+Commas(sum));    
};
</script>

相关代码：参考表行

<tr id="row1" class="Row">
  <td>Some Text</td>
  <td width=20px class="sumAMT" id="R1">456.00</td>
  <td width=20px><a href="">
    <button id="row1Remove">remove</button>
  </a></td>
</tr>