Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';找不到更改行颜色的方法_Javascript_Jquery_Html_Css_Knockout.js - Fatal编程技术网

Javascript Can';找不到更改行颜色的方法

Javascript Can';找不到更改行颜色的方法,javascript,jquery,html,css,knockout.js,Javascript,Jquery,Html,Css,Knockout.js,我有这张桌子: <table class="dataTable" id="repaymentPlan"> <thead> <tr> <th> 1 </th> <th> 2 </th> <th&g

我有这张桌子:

<table class="dataTable" id="repaymentPlan">
                <thead>
                    <tr>
                        <th> 1 </th>
                        <th> 2 </th>
                        <th> 3 </th>
                        <th>4</th>
                        <th>5</th>
                        <th style="width: 5em;">6(b)</th>
                        <th style="width: 5em;">7</th>
                        <th style="width: 5em;">8</th>                      
                        <th>9</th>
                        <th>-</th>
                        <th>10</th>
                        <th style="width: 5em;">11</th>
                        <th>12</th>
                        <th>13</th>
                        <th>14</th>
                        <th>-</th>
                        <th>15</th>
                        <th>16</th>
                        <th style="width: 5em;">Change font</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: creditCalculationDetails">
                    <tr>
                        <td class="realPlanDate" data-bind="text: realPlanDate"></td>
                        <td class="pro" data-bind="text: pro"></td>
                        <td class="q" data-bind="text: q"></td>
                        <td class="z" data-bind="text: z"></td>
                        <td class="gT" data-bind="text: g"></td>
                        <td class="b" data-bind="text: b" style="width: 5em;"></td>
                        <td class="c" data-bind="text: c" style="width: 5em;"></td>
                        <td class="e" data-bind="text: e" style="width: 5em;"></td>
                        <td class="f" data-bind="text: f"></td>
                        <td></td>
                        <td class="assimilationDate" data-bind="text: assimilationDate"></td>
                        <td class="a" data-bind="text: a" style="width: 5em;"></td>
                        <td class="h" data-bind="text: h"></td>
                        <td class="i" data-bind="text: i"></td>
                        <td class="eT" data-bind="text: eT"></td>
                        <td></td>
                        <td class="mDays" data-bind="text: mDays" style="width: 5em;"></td>
                        <td class="nDays" data-bind="text: nDays" style="width: 5em;"></td>

                        <td class="changeFont" data-bind="text: changeFont" style="width: 5em;"></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
changeFont==1
时,我试图用
previous
行的颜色替换行的颜色,但我找不到方法

我已经尝试过这个(真的是nooby),但它不起作用:

               changeFont = function(){
                   var rowId = 0;
                   var prevRowId = 0;
                   var prevChangeFont = null;
                   var flag = false;

                      $("tbody").find("tr").each(function() {   
                          console.log("test: " + rowId);
                         console.log("prevTest: " + prevRowId);
                            var paymentDate = $(this).find('td.realPlanDate').text();
                            var pro = $(this).find('td.pro').text();
                            var q = $(this).prev().find('td.q').text();
                            var z = $(this).find('td.z').text(); 
                            var gT =   $(this).find('td.gT').text(); 
                            var b = $(this).find('td.b').text(); 
                            var c = $(this).prev().find('td.c').text();
                            var e = $(this).find('td.e').text();
                            var f = $(this).find('td.f').text();
                            var assimilationDate = $(this).find('td.assimilationDate').text();
                            var a = $(this).find('td.a').text();
                            var h = $(this).find('td.h').text();
                            var i = $(this).find('td.i').text();
                            var eT = $(this).find('td.eT').text();
                            var mDays = $(this).find('td.mDays').text();
                            var nDays = $(this).find('td.nDays').text();
                            var changeFont = $(this).find('td.changeFont').text();


                           if(rowId == 0){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.pro').css('backgroundColor', '#CED8F6');
                                $(this).find('td.q').css('backgroundColor', '#CED8F6');
                                $(this).find('td.z').css('backgroundColor', '#CED8F6');
                                $(this).find('td.gT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.b').css('backgroundColor', '#CED8F6');
                                $(this).find('td.c').css('backgroundColor', '#CED8F6');
                                $(this).find('td.e').css('backgroundColor', '#CED8F6');
                                $(this).find('td.f').css('backgroundColor', '#CED8F6');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.a').css('backgroundColor', '#CED8F6');
                                $(this).find('td.h').css('backgroundColor', '#CED8F6');
                                $(this).find('td.i').css('backgroundColor', '#CED8F6');
                                $(this).find('td.eT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.mDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.nDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.changeFont').css('backgroundColor', '#CED8F6');
                            }
                            if(rowId == 1){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                            }
                            if(rowId == 0 && prevRowId == 1 && changeFont == 1 && prevChangeFont == 1){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                                flag = true;
                            }
                           if(rowId == 0 && prevRowId == 1 && changeFont == 1 && prevChangeFont == 0){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                                flag = true;
                            }
                            if(rowId == 1 && prevRowId == 0 && changeFont == 1 && prevChangeFont == 1){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                                flag = true;
                            }
                           if(rowId == 1 && prevRowId == 0 && changeFont == 1 && prevChangeFont == 0){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                                flag = true;
                            }
                           if(rowId == 1 && prevRowId == 0 && flag){
                              $(this).find('td.realPlanDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.pro').css('backgroundColor', '#CED8F6');
                                $(this).find('td.q').css('backgroundColor', '#CED8F6');
                                $(this).find('td.z').css('backgroundColor', '#CED8F6');
                                $(this).find('td.gT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.b').css('backgroundColor', '#CED8F6');
                                $(this).find('td.c').css('backgroundColor', '#CED8F6');
                                $(this).find('td.e').css('backgroundColor', '#CED8F6');
                                $(this).find('td.f').css('backgroundColor', '#CED8F6');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.a').css('backgroundColor', '#CED8F6');
                                $(this).find('td.h').css('backgroundColor', '#CED8F6');
                                $(this).find('td.i').css('backgroundColor', '#CED8F6');
                                $(this).find('td.eT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.mDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.nDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.changeFont').css('backgroundColor', '#CED8F6');
                           }
                          if(rowId == 0 && prevRowId == 1 && flag){
                             $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                           }
                         if(rowId == 1 && prevRowId == 0 && flag){
                             $(this).find('td.realPlanDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.pro').css('backgroundColor', '#CED8F6');
                                $(this).find('td.q').css('backgroundColor', '#CED8F6');
                                $(this).find('td.z').css('backgroundColor', '#CED8F6');
                                $(this).find('td.gT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.b').css('backgroundColor', '#CED8F6');
                                $(this).find('td.c').css('backgroundColor', '#CED8F6');
                                $(this).find('td.e').css('backgroundColor', '#CED8F6');
                                $(this).find('td.f').css('backgroundColor', '#CED8F6');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.a').css('backgroundColor', '#CED8F6');
                                $(this).find('td.h').css('backgroundColor', '#CED8F6');
                                $(this).find('td.i').css('backgroundColor', '#CED8F6');
                                $(this).find('td.eT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.mDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.nDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.changeFont').css('backgroundColor', '#CED8F6');
                           }

                            prevRowId = rowId;
                            if(rowId == 0){
                                rowId = 1;
                            }else{
                                rowId = 0;
                            }
                            prevChangeFont = changeFont;
                      });
                   };

请给我一个关于这个问题的线索,我迷路了,真的想不出一个合乎逻辑的方法来实现我的目标。

你可以很容易地用以下方法来维持这一点:


首先,你要用特定的颜色手动设置每个td。您可以使用2个奇数/偶数类,并为al tr.odd td{}和tr.偶数td{}设置css规则。至于以后更改颜色,您可以使用jQuery(this).parent('tr').find(td).css..是的,但是当
changeFont==1
时,我能得到前一行的颜色吗?再次使用点击$('tr:n子(偶数){background:#FFF}恢复。
               changeFont = function(){
                   var rowId = 0;
                   var prevRowId = 0;
                   var prevChangeFont = null;
                   var flag = false;

                      $("tbody").find("tr").each(function() {   
                          console.log("test: " + rowId);
                         console.log("prevTest: " + prevRowId);
                            var paymentDate = $(this).find('td.realPlanDate').text();
                            var pro = $(this).find('td.pro').text();
                            var q = $(this).prev().find('td.q').text();
                            var z = $(this).find('td.z').text(); 
                            var gT =   $(this).find('td.gT').text(); 
                            var b = $(this).find('td.b').text(); 
                            var c = $(this).prev().find('td.c').text();
                            var e = $(this).find('td.e').text();
                            var f = $(this).find('td.f').text();
                            var assimilationDate = $(this).find('td.assimilationDate').text();
                            var a = $(this).find('td.a').text();
                            var h = $(this).find('td.h').text();
                            var i = $(this).find('td.i').text();
                            var eT = $(this).find('td.eT').text();
                            var mDays = $(this).find('td.mDays').text();
                            var nDays = $(this).find('td.nDays').text();
                            var changeFont = $(this).find('td.changeFont').text();


                           if(rowId == 0){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.pro').css('backgroundColor', '#CED8F6');
                                $(this).find('td.q').css('backgroundColor', '#CED8F6');
                                $(this).find('td.z').css('backgroundColor', '#CED8F6');
                                $(this).find('td.gT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.b').css('backgroundColor', '#CED8F6');
                                $(this).find('td.c').css('backgroundColor', '#CED8F6');
                                $(this).find('td.e').css('backgroundColor', '#CED8F6');
                                $(this).find('td.f').css('backgroundColor', '#CED8F6');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.a').css('backgroundColor', '#CED8F6');
                                $(this).find('td.h').css('backgroundColor', '#CED8F6');
                                $(this).find('td.i').css('backgroundColor', '#CED8F6');
                                $(this).find('td.eT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.mDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.nDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.changeFont').css('backgroundColor', '#CED8F6');
                            }
                            if(rowId == 1){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                            }
                            if(rowId == 0 && prevRowId == 1 && changeFont == 1 && prevChangeFont == 1){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                                flag = true;
                            }
                           if(rowId == 0 && prevRowId == 1 && changeFont == 1 && prevChangeFont == 0){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                                flag = true;
                            }
                            if(rowId == 1 && prevRowId == 0 && changeFont == 1 && prevChangeFont == 1){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                                flag = true;
                            }
                           if(rowId == 1 && prevRowId == 0 && changeFont == 1 && prevChangeFont == 0){
                                $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                                flag = true;
                            }
                           if(rowId == 1 && prevRowId == 0 && flag){
                              $(this).find('td.realPlanDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.pro').css('backgroundColor', '#CED8F6');
                                $(this).find('td.q').css('backgroundColor', '#CED8F6');
                                $(this).find('td.z').css('backgroundColor', '#CED8F6');
                                $(this).find('td.gT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.b').css('backgroundColor', '#CED8F6');
                                $(this).find('td.c').css('backgroundColor', '#CED8F6');
                                $(this).find('td.e').css('backgroundColor', '#CED8F6');
                                $(this).find('td.f').css('backgroundColor', '#CED8F6');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.a').css('backgroundColor', '#CED8F6');
                                $(this).find('td.h').css('backgroundColor', '#CED8F6');
                                $(this).find('td.i').css('backgroundColor', '#CED8F6');
                                $(this).find('td.eT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.mDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.nDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.changeFont').css('backgroundColor', '#CED8F6');
                           }
                          if(rowId == 0 && prevRowId == 1 && flag){
                             $(this).find('td.realPlanDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.pro').css('backgroundColor', '#819FF7');
                                $(this).find('td.q').css('backgroundColor', '#819FF7');
                                $(this).find('td.z').css('backgroundColor', '#819FF7');
                                $(this).find('td.gT').css('backgroundColor', '#819FF7');
                                $(this).find('td.b').css('backgroundColor', '#819FF7');
                                $(this).find('td.c').css('backgroundColor', '#819FF7');
                                $(this).find('td.e').css('backgroundColor', '#819FF7');
                                $(this).find('td.f').css('backgroundColor', '#819FF7');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#819FF7');
                                $(this).find('td.a').css('backgroundColor', '#819FF7');
                                $(this).find('td.h').css('backgroundColor', '#819FF7');
                                $(this).find('td.i').css('backgroundColor', '#819FF7');
                                $(this).find('td.eT').css('backgroundColor', '#819FF7');
                                $(this).find('td.mDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.nDays').css('backgroundColor', '#819FF7');
                                $(this).find('td.changeFont').css('backgroundColor', '#819FF7');
                           }
                         if(rowId == 1 && prevRowId == 0 && flag){
                             $(this).find('td.realPlanDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.pro').css('backgroundColor', '#CED8F6');
                                $(this).find('td.q').css('backgroundColor', '#CED8F6');
                                $(this).find('td.z').css('backgroundColor', '#CED8F6');
                                $(this).find('td.gT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.b').css('backgroundColor', '#CED8F6');
                                $(this).find('td.c').css('backgroundColor', '#CED8F6');
                                $(this).find('td.e').css('backgroundColor', '#CED8F6');
                                $(this).find('td.f').css('backgroundColor', '#CED8F6');
                                $(this).find('td.assimilationDate').css('backgroundColor', '#CED8F6');
                                $(this).find('td.a').css('backgroundColor', '#CED8F6');
                                $(this).find('td.h').css('backgroundColor', '#CED8F6');
                                $(this).find('td.i').css('backgroundColor', '#CED8F6');
                                $(this).find('td.eT').css('backgroundColor', '#CED8F6');
                                $(this).find('td.mDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.nDays').css('backgroundColor', '#CED8F6');
                                $(this).find('td.changeFont').css('backgroundColor', '#CED8F6');
                           }

                            prevRowId = rowId;
                            if(rowId == 0){
                                rowId = 1;
                            }else{
                                rowId = 0;
                            }
                            prevChangeFont = changeFont;
                      });
                   };
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}