javascript - 一次性支持所有 IE 版本 `nth-child` 的最佳方法是什么？

Question

一次性支持所有 IE 版本的最佳方法是什么？

我想给这样的风格。对于某些特定页面。

#products tr:nth-child(even) {
  background-color: red;
}


#products tr:nth-child(odd) {
  background-color: white;
}

Answer 1

您可以在 javascript 中完成。

var table = document.getElementById('products');

var rows = table.getElementsByTagName('tr');

for (var i = 0; i < rows.length; ++i)
{
   if ( (i % 2) == 0 )
   {
       rows[i].className = 'even';
   }
}

然后像这样做你的 CSS:

#products tr td
{
    background-color: white;
}

#products tr.even td
{
    background-color: red;
}

如果您使用过 javascript 库，您可以这样做:

$('#products tr:even').addClass('even');