JavaScript表动态颜色变化

时间:2018-09-19 04:06:37

标签: jquery css

我向表中动态添加列。 我现在想更改列的颜色,但是效果不佳。

 if(i % 2 == 1) {
    $('#mytable>tbody:last').append('<tr style="background-color: #D7F9FD" >');
} else {
    $('#mytable>tbody:last').append('<tr style="bgcolor: #D7F9FD" >');
}

救救我〜!!

1 个答案:

答案 0 :(得分:1)

在您的代码示例中,没有创建任何列,要在行内动态添加列,请使用以下语句:

#include<iostream>
#include<string>

using namespace std;

int main()
{
    char ch = '/0';
    string input("Hello, How Are You ?");
    for(size_t i=0; i<input.length(); i++)
    {
        if(input[i]>=97 && input[i]<=122)
        {
            ch=input[i]-32;
        }
        else
        {
            ch = input[i];
        }
        cout << ch;
    }

  return 0;
}

通过使用JQuery偶数和奇数选择器,我们可以找到相应的行,如下所示:

语法:

$('#mytable tbody').append('<tr class="yourclassNameIfyouwant"><td>1st column</td><td>2nd column</td></tr>');

上面的代码将找到表中的偶数行并应用背景色。

$("#mytable tr:even").css("background-color", "#ccc");

上面的代码将找到表中的奇数行并应用背景色。

并指定行的偶数列:

$("#mytable tr:odd").css("background-color", "#f5f5f5");

指定一行的奇数列:

$('mytable tr :nth-child(2n)').css('background-color', '#eee');

在准备好表格的行和列之后,可以做所有事情。