Question

我想在表格单元格中添加数字，而不是NaN。

<table id="sample" border="1">
<tr>
 <td>1</td>
 <td>2</td>
 <td>1</td>
 <td></td>
 <td>1</td>
 <td>3</td>
</tr>
<tr>
 <td></td>
</tr>
</table>

Fiddle：

怎么可能？

Answer 1

检查

＆＃13;

$(document).ready(function() {
    
    var colTotal=0;
    var col=$("#sample tr td");
    
    col.each(function() {
        colData=parseInt($(this).text(), 10);

        if (colData) {
            colTotal+=parseInt(colData);
        }
    });
    
    $('#sample tr:last td').text(colTotal);
									
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table id="sample" border="1">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>1</td>
        <td></td>
        <td>1</td>
        <td>3</td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>

＆＃13;

Answer 2

使用isNaN()函数，如：

$(document).ready(function() {

    var colTotal=0;
 var col=$("#sample tr td");
    $(col).each(function()
        {
                colData=$(this).text();
                colTotal+=isNaN(parseInt(colData)) ? 0: parseInt(colData);
        });
    $('#sample tr:last td').text(isNaN(colTotal) ? 0: colTotal);

});

DEMO

Answer 3

使用$.isNumeric(colData)
updated your link

Answer 4

只需跳过空白值

$(document).ready(function() {
 var colTotal=0;
    $("#sample td").each(function()
        {
            if ($(this).text())
                colTotal+=parseInt($(this).text());
        });
    $('#sample tr:last td').text(colTotal);                             
});

使用jquery在表行中添加数字

4 个答案: