2012-06-21 30 views
0

我在單個頁面上有幾個表格。如何操縱jQuery中的表格行

我突出顯示了每隔一行以及從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; 
} 

我真的只是想上的表1,該行爲當前正在處理的頁面(第二張桌面),但我不熟悉jquery。在其他頁面上,我將在兩個或三個表中需要它。

另一個問題是,該代碼在表間繼續進行奇偶確定。如果上一個表中的最後一行是偶數,則下一個表中的第一行被認爲是奇數,反之亦然。

如何修改jQuery來選擇特定的表?我如何使用新表重新開始?

+0

你爲什麼包含CSS? – iambriansreed

+0

添加類而不是內聯,將使未來的交互變得更加簡單,如「選定的行」樣式 – charlietfl

回答

2

僅給出要爲類colorize着色的表格。
這種替換jQuery代碼:

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

這將唯一的顏色與你的類定​​義表並復位,甚至爲每個表。

+0

Thnx iambriansreed。完美工作。 – Kaycee

+0

@Kaycee請接受答案。點擊複選標記。 – iambriansreed