Question

我通过使用for循环使用JavaScript在HTML表格中形成行。

这是我在HTML表格中创建行的for循环：

for(var j=0;j<5;j++) {

     var row =  createNewRow(obj);
     jQuery("#test").append(row);

}

function createNewRow (obj)
{
    // html for creating five rows per page

    var str="";
    str+=<tr>;
    str +=<td>;
    str +=<td>;

    ......

    str +=<tr>;

    return str;
}

这里我每页创建了五行。我需要帮助将CSS应用于表中的备用行。

Answer 1

试试这些：

tr:nth-child(even)
{
  background: #CCC;
}

或者

tr:nth-child(odd)
{
  background: #f00
}

Answer 2

尝试使用CSS：

table tr:nth-child(odd) td {
    //styles odd rows
}
table tr:nth-child(even) td {
    //styles even rows
}

jQuery的：

$(document).ready(function()
{
  $("tr:even").css("background-color", "#000000");
  $("tr:odd").css("background-color", "#000000");
});

Answer 3

使用:nth-child()

<强> CSS

table tr:nth-child(odd){
    //styles odd rows
}
table tr:nth-child(even){
    //styles even rows
}

Answer 4

for(var j=0;j<5;j++) {

     var row =  createNewRow(obj,j);
     jQuery("#test").append(row);

}

function createNewRow (obj,j)
{
    // html for creating five rows per page

    var str="";
    str+=<tr; 
    if(j%2==0){ str += class='even'>;}
    if(j%2==1){ str +=  class='odd'>;}
    str +=<td>;
    str +=<td>;

    ......

    str +=<tr>;

    return str;
}

然后将css应用于奇数类甚至

需要帮助使用javascript将css应用于表中的备用行

4 个答案: