斑马条纹只有一个表格列

Question

我有一个表使用tableorter和斑马条纹表行.我想将斑马条纹添加到表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