Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.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
如何在jQuery中操作表行_Jquery_Css_Html Table_Css Selectors_Alternating - Fatal编程技术网

如何在jQuery中操作表行

如何在jQuery中操作表行,jquery,css,html-table,css-selectors,alternating,Jquery,Css,Html Table,Css Selectors,Alternating,我在一页上有几个表格 我每隔一行突出显示一次,并从CSS中设置禁用的输入不可编辑数据的样式 下面是我目前使用的代码。其效果是,具有可编辑数据的列交替显示为白色和金色。包含不可编辑数据的列交替显示为灰色和金色。(就目前而言,您可以在此网格中编辑哪些列而言,这已经足够直观了。) css 我真的只想在我正在处理的当前页面上的一个表(第二个表)上出现这种行为,但我对jquery不太熟悉。在其他页面上,我需要在几个表中的2或3个表中使用它 另一个问题是,此代码在表之间继续奇偶确定。如果上一个表中的最后一行

我在一页上有几个表格

我每隔一行突出显示一次,并从CSS中设置禁用的输入不可编辑数据的样式

下面是我目前使用的代码。其效果是,具有可编辑数据的列交替显示为白色和金色。包含不可编辑数据的列交替显示为灰色和金色。(就目前而言,您可以在此网格中编辑哪些列而言,这已经足够直观了。)

css

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

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


如何修改jQuery以选择特定的表?如何使用新表重新开始?

仅提供要为类着色的表
着色

将jQuery代码替换为以下代码:

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

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

添加一个类而不是内联,这将使将来的交互更简单,如“选定行”样式nx iambriansreed。工作得很好。
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;
}
$(function(){
    $('table.colorize').each(function(){
        $('tr:even, tr:even input', this).css("background-color", "#DEDEBC");
    });
});