JQuery 更改 ASP:GridView 行的背景颜色

Posted 2023-05-08

【中文标题】JQuery 更改 ASP:GridView 行的背景颜色

【英文标题】：JQuery To Change Back Color Of ASP:GridView Row

【发布时间】：2018-06-23 15:11:48

【问题描述】：

当未选中复选框时，我正在尝试使用 JQuery 将行的颜色更改为灰色。我正在尝试使用这个 CSS 类，并从 JQuery 中调用它。但是，我没有收到任何错误，并且行颜色没有改变。如何更改“取消选中”复选框上的行颜色？

<script>
    $(document).ready(function () 
        $(".Grid input:checkbox").each(function () 
            this.onclick = function ()
            
                if (!this.checked)
                
                    $(this).closest('tr').css('grdCell');
                
            
        )
        $('.Grid').find("input:checkbox").prop('checked', true);
    );
</script>


.grdCell 
    background-color: Gray;

【参考方案1】：

这不是在 jquery 中向元素添加类的方法。为此，请使用 $(this).closest('tr').addClass('grdCell')

您可以使用 jquery addClass('.grdCell') 或 css('background-color','Gray')

【讨论】：

我试过这个 $(this).closest.('tr').addClass('grdCell') 但我得到了一个意外令牌错误（

【参考方案2】：

你可以在cs文件中试试这个： GridView.Rows[0].Cells[0].Style.Add("BackColor", "#CCCCCC");

【讨论】：

这看起来更像是评论而不是答案。