Javascript 每个循环问题的jquery动态

我有一个表，其中有多个表供多个用户使用。这些用户可以增加或减少加班时间，所以我尝试使其尽可能动态。我会附上两个样品表，这样你就知道了

<div class="timecard">
 <h3>tommytest</h3>

<table class="misc_items timecard_list" border="0" cellpadding="2" cellspacing="0" style="margin:0 auto;">
    <tbody>
        <tr class="display_row odd">
            <td align="left" class="job_code" style="color:#000099">2400-Orchard</td>
            <td align="right">9:47am</td>
            <td align="right">5/19/2014</td>
            <td align="right" class="hrs">01:00</td>
        </tr>
        <tr class="display_odd row">
            <td align="left" class="job_code" style="color:#000099">1200-Duffy's</td>
            <td align="right">12:37am</td>
            <td align="right">5/17/2014</td>
            <td align="right" class="hrs">2:00</td>
        </tr>
    </tbody>
</table>
</div>
<div class="timecard">
 <h3>testtest</h3>

<table class="misc_items timecard_list" border="0" cellpadding="2" cellspacing="0" style="margin:0 auto;">
    <tbody>
        <tr class="display_row odd">
            <td align="left" class="job_code" style="color:#000099">2400-Orchard</td>
            <td align="right">9:47am</td>
            <td align="right">5/19/2014</td>
            <td align="right" class="hrs">01:00</td>
        </tr>
        <tr class="display_odd row">
            <td align="left" class="job_code" style="color:#000099">1200-Duffy's</td>
            <td align="right">12:37am</td>
            <td align="right">5/17/2014</td>
            <td align="right" class="hrs">2:00</td>
        </tr>
    </tbody>
</table>
</div>
<div id="total"></div>

我无法让下面的javascript计算第一个表，显示结果，然后转到下一个表并执行相同的操作。诸如此类

$(document).ready(function () {

var timeString = $(this).next('td.hrs').text();
var components = timeString.split(':');
var seconds = components[1] ? parseInt(components[1], 10) : 0;
var hrs = parseInt(components[0], 10) + seconds / 60;
total += hrs;

var temp = [];
$('.job_code').each(function (index, element) {
    var text = $(this).text();
    if (text != 'Out') {
        temp.push(text);
    }
});

// remove duplicates
var job_code = [];
$.each(temp, function (index, element) {
    if ($.inArray(element, job_code) === -1) job_code.push(element);
});

var sum = {};
$.each(job_code, function (index, element) {
    var total = 0;
    $('.job_code:contains(' + element + ')').each(function (key, value) {
        var timeString = $(this).siblings('td.hrs').text();
        var components = timeString.split(':');
        var seconds = components[1] ? parseInt(components[1], 10) : 0;
        var hrs = parseInt(components[0], 10) + seconds / 60;
        total += hrs;
        sum[index] = {
            'job_code': element,
                'total': total
        };
    });
});

console.log(sum);

$.each(sum, function (index, element) {
    $('#total').append('<p>Total for ' + element.job_code + ': ' + element.total + '</p>');
});

});

$（文档）.ready（函数（）{
var timeString=$（this.next（'td.hrs'）.text（）；
var components=timeString.split（“：”）；
var seconds=components[1]？parseInt（components[1]，10）：0；
var-hrs=parseInt（组件[0]，10）+秒/60；
总+=小时；
var-temp=[]；
$（'.job_code'）。每个（函数（索引，元素）{
var text=$（this.text（）；
如果（文本！=“输出”）{
临时推送（文本）；
}
});
//删除重复项
var作业代码=[]；
$。每个（临时、功能（索引、元素）{
if（$.inArray（元素，作业代码）=-1）作业代码.push（元素）；
});
var和={}；
$.each（作业代码、函数（索引、元素）{
var合计=0；
$（'.job_代码：包含（'+element+'））。每个（函数（键、值）{
var timeString=$（this.this（'td.hrs'）.text（）；
var components=timeString.split（“：”）；
var seconds=components[1]？parseInt（components[1]，10）：0；
var-hrs=parseInt（组件[0]，10）+秒/60；
总+=小时；
总和[指数]={
“作业代码”：元素，
“总计”：总计
};
});
});
控制台日志（总和）；
$。每个（总和、函数（索引、元素）{
$（“#total”）.append（“+element.job_code+”的“total:“+element.total+”
”）；
});
});

任何建议都将不胜感激，因为我刚刚开始使用javascript，并且很快就要完成我的功能。这里是一个示例的链接

---

提前感谢

首先，为什么不在格式化和布局生成之前进行任何计算？我会容易得多

无论如何，如果您想迭代表，然后迭代其中的一些数据，请尝试使用以下方法：

job_code 1 = 2 hours
job_code 2 = 4 hours

$('.timecard_list').each(function() {
  $(this).find('.job_code').each(function() {
    ...
  });
});

---

那没用。它只是在最后一个表格下显示了更多的总数。然后我无法确切地理解您需要什么。当时我可能输入了错误的位置。你能做一个样品吗？