斑马条纹仅一表列

Question

我有一个表，该表使用tablesorter和zebra条纹作为表行。 我想在表COLUMNS的其中一个表中添加斑马条纹，以便对其加以强调。 像这样：

Answer 1

如果知道要剥离的列的列索引，则可以使用：nth-​​of-type选择器，仅在CSS中完成，如下所示：

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

检查此链接

可以使用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选择器的更多信息，请通过此链接

Answer 3

您将在该列中为TD需要一个附加的类名和相应的CSS声明。