javascript - jquery-基于css属性添加行

Question

我有大约 50 行数据。许多行的 css 属性设置为 default:none。

我只想添加显示不是无的行的数据。jquery 中有什么东西吗？

我的JsFiddle

目前我正在计算它并且都错了

$(document).ready(function () {
$(".sum").click(function() {
    var total = 0;
    $(this).closest('tr').hide();
    $('table tr td:nth-of-type(1)').each(function() {
    total += parseFloat($('table tr td:nth-of-type(1)').text()) || 0;
    $('.sum').text(" "+total);
    });
});
});

Answer 1

尝试

$(document).ready(function () {
    $(".sum").click(function () {
        var total = 0;

        //all first td elements of the table where tr id visible
        $('table td:nth-of-type(1):visible').each(function(){
            total += parseFloat($(this).text()) || 0;
        })

        //display the total
        $(this).text(" " + total);
    });
});

演示：小提琴