javascript - 替代 jquery 代码或 HTML

Question

假设您有一个包含 3 列的 HTML 表格，并且您希望前两列的字体大小不同(例如小号)，最后一列或第三列的字体大小为中号。现在，我在该列中有很多行，比如 10 行，这意味着我有 30 <td>元素 (3 x 10)。现在我不想为每个 <td> 指定一个类名前两列的字体为小号，第三列的字体为中号。但我不想仅仅为了实现这一点而为每个 TD 创建类属性/属性。因此，我创建了一个 jquery 来执行此操作，如下所示:

$(document).ready(function() {
  $('table.secondtable td').each(function(index) {
    if ((index+1)%3==0) {
      $(this).addClass("mediumfont");
    } else {
      $(this).addClass("smallfont");
    }
  });                            
});

这是fiddle我创建的。

所以，我的问题是，你们中的任何人都可以向我展示该版本的 HTML 版本，而不必求助于 jquery 或至少是我的 jquery 代码的更短版本吗？

Answer 1

您可能想要使用td:last-child

.smallfont {font-size:1.0em;}
.mediumfont {font-size:1.5em;}
td { font-size: 1.0em; }
td:last-child { font-size: 1.5em; }

你的 fiddle 在这里:http://jsfiddle.net/gG5Lt/