0

我在一个页面上有几个表格。

我正在突出显示所有其他行以及来自 CSS 的禁用输入不可编辑数据的样式。

下面是我目前使用的代码。效果是具有可编辑数据的列是交替的白色和金色。具有不可编辑数据的列是交替的灰色和金色。(关于您可以在此网格中编辑哪些列的视觉指示已经足够了。)

$(document).ready(function()
{
  $("tr:even").css("background-color", "#DEDEBC");
  $("tr:even input").css("background-color", "#DEDEBC");
});

css

input[disabled='disabled'] {
   text-decoration:none; 
   text-indent:5px; 
   color:#006;
   border:none;
   -webkit-box-shadow:0 0 0 #666 inset; 
   -moz-box-shadow:0 0 0 #666 inset; 
   box-shadow:0 0 0 #666 inset;
}

我真的只希望我正在处理的当前页面上的一个表(第二个表)上出现这种行为,但我对 jquery 并不熟悉。在其他页面上,我需要在几张桌子中的 2 或 3 张桌子上使用它。

另一个问题是此代码继续跨表进行奇偶确定。如果前一个表中的最后一行是偶数,则下一个表中的第一行被认为是奇数,反之亦然。

如何修改 jQuery 以选择特定表?我怎样才能让它从一个新表重新开始?

4

1 回答 1

2

只给出你想为班级着色的表格colorize
用这个替换你的 jQuery 代码:

$(function(){
    $('table.colorize').each(function(){
        $('tr:even, tr:even input', this).css("background-color", "#DEDEBC");
    });
});

这只会为您使用类定义的表着色,并将重置每个表的偶数。

于 2012-06-21T01:51:26.980 回答