ODD / EVEN表中只有两列

Question

我想创建此类效果，将背景ODD / EVEN更改为每个<TR>仅更改为class="important"的字段。 下面是表格的一个例子......它不是静态的...它是由PHP创建的，来自Mysql的数据...

<tr class="change">
   <td>1111</td>
   <td>2222</td>
   <td>3333</td>
   <td>4444</td>
   <td class="important">5555</td>
   <td class="important">6666</td>
<tr>
<tr class="change">
   <td>1111</td>
   <td>2222</td>
   <td>3333</td>
   <td>4444</td>
   <td class="important">5555</td>
   <td class="important">6666</td>
<tr>

所以，我希望每个<TR> ODD或EVEN仅根据CLASS IMPORTANT对表中的几个单元格进行影响

Answer 1

这会解决您的问题吗？

tr.change:nth-child(even) td.important {
  background: #CCC;
}

tr.change:nth-child(odd) td.important {
  background: #FFF;
}

Answer 2

尝试jQuery odd或even选择器来完成此任务。您还必须检查hasClass选择器以检查important类。