javascript - jQuery 遍历表格单元格并从循环中添加小时

Question

我有以下代码，它在 0600-2300 小时内循环。基本上，我想花时间将它们添加到表格单元格属性中。有多个 td.daterow 行，每行都有 0600-2300 小时的列。

for (var h = 6; h < 24; h++)
{
  $( "td.daterow" ).each(function() {
     $(this).attr("data-hour", h);
  });
}

但是这段代码并没有像我希望的那样在几个小时内循环。它没有使用属性为 0600-2300 的单元格，而是将“23”添加到每个 data-hour。我如何遍历小时数并相应地添加它们？

============================

另外，我不确定添加这个会有多复杂。如果每个单元格被分成两个单元格以适应 30 分钟的间隔(因此总共 36 列)。是否可以在循环中包括整个小时以及他们尊重的 30 分钟间隔(如果这有意义的话)？

Answer 1

假设已经存在正确数量的表格单元格，问题很简单，对于每个小时值，您要遍历每个表格单元格并进行设置。当然，每个小时的值都会覆盖之前的值。

要解决此问题，请删除外部循环并使用 td 元素的索引来确定小时。

$( "td.daterow" ).each(function(index) {
    var hour = index + 6;
     (this).attr("data-hour", hour);
  });