javascript - jquery if 语句用于div id

Question

所以我有一个基于 mysql 查询填充的 HTML 表。它包含在:

<div id="punchclock" class="timecard">

我有以下 jQuery 脚本，它计算输入 HTML 表的总时间。但是，它在标题(单独的 div)和我想要的表中重复脚本的“Total:”行。有没有办法确保代码只输出到所需的div？

$('table').each(function(){
  var tr = {};
  $(this).find('tr').each(function(){
    var key = $(this).find('td.job_code').text();
    var val1 = toSeconds($(this).find('td.hrs').text());
    //var val = +$(this).find('td.hrs').text().split(':')[0];
    if(tr[key]){
      tr[key]+=val1;
    }else{
      tr[key]=val1; 
    } 
   });

  $(this).append(function(){
    var tfoot = $('<tfoot/>', {
    html: addRows(tr)
   });
   return tfoot;
  });
});

我认为问题在于 tfoot return 语句，因为它将它返回到 header div 和我的 table div。一如既往，我们非常感谢任何帮助。谢谢。

Answer 1

仅选择您定义的 div 中的表格:

$('#punchclock table').each....

您当前的代码将为页面上的每个表运行，听起来您有多个表。通过选择#punchclock table ，它只使用 #punchclock 内的表.

如果您只想对一个表运行此操作，最好为该表指定一个 ID，如 <table id="schedule"> ，然后删除你的each循环，直接选择表，如$('table#schedule') .

此外，这个 block 看起来很可疑:

  $(this).append(function(){
    var tfoot = $('<tfoot/>', {
    html: addRows(tr)
   });
   return tfoot;
  });

我不知道什么addRows确实如此，但看起来没有必要。试试这个:

  $(this).append($('<tfoot/>').append(tr));