jquery - 是否可以全局文本对齐表列而不在每行中指定类？

Question

想知道提高效率的最佳方法是什么，也许使用 jQuery。我可以接受不兼容 ie7 的解决方案，如果需要的话，即使不支持 ie8 也可以。

<style type="text/css">
.cal {text-align:center}
.ral {text-align:right}
</style>
<table>
 <th>
  <td class="cal">center</td>
  <td>left</td>
  <td class="cal">center</td>
  <td>left</td>
  <td class="ral">right</td>
 </th>
 <tr>
  <td class="cal">center</td>
  <td>left</td>
  <td class="cal">center</td>
  <td>left</td>
  <td class="ral">right</td>
 </tr>
 <tr>
  <td class="cal">center</td>
  <td>left</td>
  <td class="cal">center</td>
  <td>left</td>
  <td class="ral">right</td>
 </tr>
</table>

Answer 1

您可以使用 jQuery 将一个类添加到每行中的第五个 td，并设置该类的样式以将文本右对齐。

或者(以及我这样做的方式)是使用 nth child selector .

tr td:nth-child(odd) {
    text-align: center;
}

tr td:nth-child(5) {
    text-align: right;
}

它与 IE 8.0 不兼容，但它比基于 JavaScript 的解决方案简单得多。