斑马线条带到只有一个表列

Question

我有一个使用tablesorter和zebra striping表行的表。我想将zebra striping添加到其中一个表列中，以稍微强调一下。像这样:

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选择器通过此 link

Answer 3

您需要其他类名和相应的CSS声明该列中的TDS。