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;
                                      }

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

但是当我再次单击下面的行时，它会提醒 Odd 并将颜色更改为蓝色。

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');
});