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