突出显示一列

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'); 
}); 

Answer 2

我想你可以做这样的事情：

例子：http://jsfiddle.net/4Sg8E/

$('th.sortable').click(function() { 
    var $th = $(this); 
    $th.closest('table').find('td:nth-child(' + ($th.index() + 1) + ')') 
     .css('background','yellow'); 
}); 

它会得到所有<td>元素都是相同的位置，被点击的<th>，并点亮它们。