斑马条纹只有一个表格列

Question

我有一个表格，对表格行使用tablesorter和zebra条带化。我想将斑马条纹添加到表COLUMNS中的一个，以便给它一点强调。像这样：

Answer 1

如果您知道要条带化的列索引，则可以仅使用CSS，使用：nth-​​of-type选择器，如下所示：

tr:nth-of-type(even) td:nth-of-type(3) { background: rgba(0,0,0,0.1); }

（其中3正在使用目标列索引的占位符）

另一个选择是将一个类放在要条带化的列的头（或第一个td）上，然后使用JS来条带化同一列中的其他tds：

var col_to_stripe = $('th.stripe-this-one').index();

$('table.selectively-stripe').find('tr:odd')
  .each(function() {
    $(this).children('td')
      .eq(col_to_stripe)
      .css('background', 'pink');
  });

这个类没有必要，因为很明显你可以像使用纯CSS方法那样放置你想要的列索引，但是为了清晰的代码更好。

演示：http://jsbin.com/axutal/2/edit

Answer 2

检查此link

这可以使用jQuery完成，而不需要给出类名或id。

 $('tr:odd  td:nth-child(4)').css('background','#999999'); /* For odd td's */
 $('tr:even td:nth-child(4)').css('background','#DDDDDD'); /* For even td's */  

有关此jQuery selector的详细信息，请参阅此link

Answer 3

您需要为该列中的TD提供额外的类名和相应的CSS声明。