jQuery选择器用于获取同一列中的单元格

Question

给定一个多行多列表,如何选择同一列中的所有单元格与任意任意单元格(例如,单击的单元格).

就像是:

$("td").click(function(){
    var columnNo = $(this).columnNo?
    $(this).closest("table").find("tr td:eq("+columnNo+")").css("color", "red");
});

我需要在不单独命名列的情况下执行此操作.例如,它应该在简单的通用table标记上工作,而无需额外的类或ID.

Answer 1

您的尝试是正确的,您需要做的就是使用.index查找列号 - <td>行内的索引.您还需要使用nth-child-selector来匹配其他<td>元素的列索引.

$("td").click(function(){
    var columnNo = $(this).index();
    $(this).closest("table")
        .find("tr td:nth-child(" + (columnNo+1) + ")")
        .css("color", "red");
});