jquery获取列中表格单元格的值，将值相加并在页面上输出

Question

这似乎是一个有点奇怪的问题，我不确定这是否可能。

我在 WordPress 中创建了一个 HTML 表格，并构建了一个 PHP 循环来以表格格式输出帖子数据。

我正在使用这个jQuery table sorted plugin使其成为可排序的表格。

但我的问题是，是否可以使用 jQuery 将我的表 <th>Hours</th> 中的所有数值相加列并输出结果？

如果一个类需要添加到 <td><?php echo get_post_meta($post->ID, 'Labour Time Hours', true); ?></td> cell 那么这很酷，它不会影响表排序器。

然后我想将结果输出到我的表页脚单元格中。

这可能吗？我似乎在谷歌上找不到任何东西，但我可能搜索了错误的术语。

谢谢

我的 WORDPRESS 循环生成表内容

<?php 

        $data = new WP_Query(array(

        'post_type'         => 'job',
        'order'             => 'ASC',
        'posts_per_page'    => -1,
        'orderby'           => 'date'

)); ?>

<?php if ($data->have_posts()) : ?>

<table id="myTable" class="tablesorter"> 

    <thead> 

        <tr> 

            <th>Date</th> 
            <th>Job Title</th> 
            <th>Category</th> 
            <th>Hours</th> 

        </tr> 

    </thead> 

    <tbody> 

        <?php while ($data->have_posts()) : $data->the_post(); ?>

        <tr> 

            <td><?php the_time('Y/m/d'); ?></td> 
            <td><a href="<?php the_permalink() ?>" title="View Job" ><?php the_title(); ?></a></td> 
            <td><?php the_category(', ') ?></td> 
            <td><?php echo get_post_meta($post->ID, 'Labour Time Hours', true); ?></td> 

        </tr> 

        <?php endwhile; ?>

    </tbody>

    <tfoot>

        <tr>

            <td></td>
            <td></td>
            <td></td>
            <td><!-- Total to go here --></td>

        </tr>

    </tfoot>

</table>

<?php unset($data); endif; wp_reset_query(); ?>

Answer 1

执行此操作的一个简单方法是将一个类分配给要添加的元素。

所以你会做这样的事情:

<td class="add">5</td>
<td class="add">8</td>
<td id="Total"></td>

然后，如果您绝对肯定这些值将始终是整数(或 float )，则可以这样做

function adding() {
    var total = 0;
    $(".add").each(function(index, element) {
        total += parseInt($(element).text());
    });
    $("#Total").text(total);
}