jquery - 为表格第一列的每个单元格分配边框

Question

这是为表格中第一列的单元格分配边框的正确方法吗？

$(gridContentTable).find("tbody tr td[cellIndex=" + (frozenColCount - 1) + "]").css("border-right", freezeColStyle);

编辑：更多信息：

这适用于标题中的第一个单元格：

$(tableHeaderCol).eq((frozenColCount - 1)).css("border-right", freezeColStyle);

我用这个定义变量：

function getGridInfo() {
    gridHeaderTable = grid.find(".t-grid-header table");
    gridContentTable = grid.find(".t-grid-content table");
    tableHeaderGroupCol = $(gridHeaderTable).find("colGroup col");
    tableHeaderCol = $(gridHeaderTable).find("tbody tr th");
    tableContentGroupCol = $(gridContentTable).find("colGroup col");
    totalColCount = $(tableHeaderGroupCol).length;
}

只有标题应用了 CSS，表格的内容没有。这最终将完成第一列中每一行的第一个单元格。

谢谢。

Answer 1

$(gridContentTable).find("tbody tr td:nth-child(" + (frozenColCount - 1) + ")").css("border-right", freezeColStyle);

":eq" 给出集合中的第 n 个元素。":nth-child" 给出集合中的每个第 n 个孩子。

http://jsfiddle.net/5BmGU/