javascript - 通过 jquery 突出显示表格中的第一行

Question

当单击第一个单元格文本时，我有逻辑让一行中的单元格突出显示，工作正常。然而，当页面加载时，我想默认突出显示第一行，因为第一行根据它的 ID 显示一些其他数据。

单击第一个单元格文本 (id) 时起作用的是:

$("#simHeaderTable").find("tr").each(function () {
    var tdID = $(this).find("td:first-child").text();
    if (tdID == ID)
        $(this).children("td").css("background-color", "#FFFF66");
    else
        $(this).children("td").removeAttr("style");
});

所以我的逻辑是，这会找到所有行并循环遍历它们。我检查了每一行中的第一个单元格，如果单元格文本等于某个 id，我会用一些 CSS“突出显示”它。我取消突出显示所有其他内容。

所以现在在文档内部准备好在页面加载时突出显示第一行，我想我只需执行以下操作，这不会导致突出显示任何内容。

$("#simHeaderTable").find("tr:first-child").children("td").css("background-color", "#FFFF66");

对我来说，这会找到第一个 tr/row，然后找到所有 cells/td 的子项，并应用 css 将背景颜色设置为黄色。知道为什么这不起作用吗？

Answer 1

您的陈述比需要的要复杂得多，而不是:

$("#simHeaderTable").find("tr:first-child").children("td").css("background-color", "#FFFF66");

尝试:

$("#simHeaderTable tr:first-child > td").css("background-color", "#FFFF66");

除非您有嵌套表格，否则您甚至可以省略“>”。

通常，只有在有缓存选择器时才使用 .find()，例如:

var cached_obj = $('#something');
// lots of code
var cached_obj.find('.something_else');