在每个中创建tr时，在奇数和偶数之间添加不同的背景颜色

Question

 var rowCount = 0;
 var trCount;

  // Set start each at second tr
  $('#list tr').each(function(index, tr) {
    // Count
    rowCount++;

    // Create tr
    trCount = $('<tr/>');

    // Create row number 1,2,3
    trCount.append("<td>" + rowCount + "</td>");

    // Append tr to display table
    tableContent.append(trCount);
  });

我正在使用创建tr到我的表，但我的意图是奇数和偶数tr之间会有不同的背景颜色，所以我该怎么做？

类似这样的事情

$("tr:odd").css("background-color", "#E5E5E5");
$("tr:even:gt(0)").css("background-color", "#c7d4e5");

如何在创建<tr>时附加不同的背景颜色。

Answer 1

你可以在纯CSS中执行此操作，无论你投入多少javascript它都会适用。

tr:nth-of-type(even) {
    background-color:#E5E5E5;
}
tr:nth-of-type(odd) {
    background-color:#c7d4e5;
}