jQuery-Gridview-备用行颜色

Question

我有一个带有备用行颜色的网格视图。

如果双击空白处的网格->变为绿色并添加文本MI->如果双击绿色MI->它应返回到先前状态（原始状态为空文本，相同背景颜色）

现在一切正常，除非我单击奇数行号而不是变成蓝色，而是变成白色。

我当前的代码是

                $('#MainContent_GVTest>tbody>tr>td').dblclick(function (e) {

                var selTD = $(e.target).closest("td");

                var selTR = $(e.target).closest("tr");

                 if (($.trim($currentCellText) == "MI") && $(selTD).attr('class') == "firsttime") {
                    selTD.text("");
                    selTD.addClass("NoClass");

                   }
        }); // This is working as expected

我想根据偶数行/奇数行添加更多逻辑以获取正确的背景色。 类似下面的东西。 但它没有用。 我该如何解决？

                       if ($(selTD).is(":even")) {
                        alert('Even****************')
                         selTD.addClass("NoClass");
                        }
                    if ($(selTD).is(":odd")) {
                        alert('Odd****************')
                        selTD.addClass("NoClassOddrow");
                    }



                         .NoClass
                            {
                              background-color: white;
                                 }

                              .NoClassOddrow
                                 {
                                  background-color:blue;
                                      }

我更新了代码。 当我将代码更新到上面并双击第一个蓝色单元格时，我收到警告说奇怪，将颜色更改为蓝色

但是，当我再次单击下面的行时，它发出警报，并将颜色更改为蓝色。

Answer 1

我认为您有一个名为NoClass的类很奇怪。 如果我是你，我将创建一个用于突出显示奇数行和偶数行的类。

像这样的东西：

#MainContent_GVTest tr:nth-child(even) td.highlight { background-color:green; }

#MainContent_GVTest tr:nth-child(odd) td.highlight { background-color:red; }

然后，您可以像这样在javascript中切换该类：

$('#MainContent_GVTest>tbody>tr>td').dblclick(function (e) {
     $(this).toggleClass('highlight');
});