jquery - 突出显示一列

Question

我在一本 jQuery 书中看到，您可以突出显示正在排序的列。

$('th.sortable').click(function() {
    var $th = $(this);
    var column = $th.index();
    var $table = $th.closest('table');
    var rows = $table.find('tr:not(:has(th))').get();

问:如何将“hightlight”类添加到被单击的列中的每个单元格？

Answer 1

在本例中您可以使用一个 nth-child 选择器。

$('th.sortable').click(function() {
    var $th = $(this),
        column = $th.index(),
        $table = $th.closest('table');

    $table.find('tr td:nth-child(' + (column+1) + ')').addClass('highlight');
});