使用jquery按列位置查找表中的所有td

Question

我试图将一个类添加到表格每行的最后一个单元格...这不起作用...它只将 rightStyle 应用于第一（顶）行中的最后一个元素...

//the last cell in every row all have border right
                var lastIndex = getLastVisibleIndex();
                var rows = $("table.scrollable tr");
                rows.each(function () {
                    $("td:eq(" + lastIndex + ")").addClass(rightStyle)
                });

Answer 1

一行完成所有操作...

$('table tr td:last-child').addClass(rightStyle);

// Targeting a particular column as pointed out by FiveTools
// Note that :nth-child(n) is 1-indexed
$('table tr td:nth-child(3)').addClass('highlight');

http://jsfiddle.net/cobblers/hWqBU/

Answer 2

我使用了第n个孩子...

   $("table.scrollable td:nth-child(" + lastIndex + ")").addClass(rightStyle);

不过这里有一些很好的替代解决方案。

Answer 3

当您搜索 tds 时，您只需查看当前行内部。请参阅添加这个：

            rows.each(function () {
                $("td:eq(" + lastIndex + ")", this).addClass(rightStyle)
            });

Answer 4

您的表格行也可能并非全部都有 lastIndex 单元格。尝试这个以获得更高的可靠性：

rows.each(function () {
    $(this).children("td").last().addClass(rightStyle)
});

Answer 5

$("table.scrollable tr").each(function () {
                    $(this).children("td").eq(lastIndex).addClass(rightStyle);
                });

Answer 6

我做了和你一样的事情，但是我设置了最后一个 td 的列宽

// SET FIRST AND LAST TD SIZE
$("tr").each(function() {
    $(this).children("td:last").attr("width", 200);
});