javascript - 在 jquery 中选择表的姐妹元素

Question

我想通过访问同一行中的其他 td 来填充 td 元素。我将如何使用 jQuery 访问它们？

在我的情况下，我有一个表，第 5 列是通过从第 4 列减去第 3 列并将结果返回到第 5 列来填充的。我开始用嵌套循环来做，但意识到，如果我使用每个 col 5 td 上的 .each()，如果我可以使用 jQuery 识别 col 3 和 4，这将是可以实现的。

这是 fiddle .

识别元素的部分在这里:

$('section.techtable td:nth-child(5)').each(function() {
    $(this).append(strinToMonthNumber($(START JQUERY),$(END JQUERY)));
})

我认为我必须访问 $(this) 的父元素，然后是(第 3 个和第 4 个)子元素？

我还试图避免在 TH 或 TD 元素上使用 span 或 class 属性。

Answer 1

您可以选择一个元素(在您的情况下为表格单元格)，然后使用 jQuery.prev() 或 jQuery.next() 选择上一个或下一个兄弟元素元素。在 native DOM 中，您可以使用 previousSibling/nextSibling(或现代浏览器中的 previousElementSibling/nextElementSibling 来跳过非元素节点)用于相同目的的元素属性。

根据您的代码示例，如下所示:

$('section.techtable td:nth-child(5)').each(function() {
    var cell5 = $(this),
        cell4 = cell5.prev(),
        cell3 = cell4.prev();

    cell5.append(strinToMonthNumber(cell3, cell4)));
})