asp mvc在點擊時更改表格中的行顏色，一次一個

Question

我已經在ASP MVC中創建了一個表，並使用數據庫中的數據填充它。我使用以下代碼交替排列顏色：

<% if (count % 2 == 0) { %> 
    <tr class="offeven" onclick="this.className='onclick'" onmouseover="this.className='on'" onmouseout="this.className='offeven'"> 
<% } %> 
<% else { %> 
    <tr class="offodd" onclick="this.className='onclick'" onmouseover="this.className='on'" onmouseout="this.className='offodd'"> 
<% } count++; %> 

每個類都有不同的背景顏色。所以我想要的是這樣的事情發生。當用戶轉到頁面時，他們將看到帶有交替行顏色的表格，並且當鼠標懸停在每一行上時，該行將改變顏色。當他們選擇一行時，即使在鼠標超出行範圍之後，該行也會變爲不同的顏色並保持不變（因此onmouseout不起作用）。現在我爲使用gridviews的舊網站編寫了一個非常Javascript的函數，我不認爲他們會在這種情況下工作（至少沒有修改）。我將如何去通過Javascript訪問表的行並做我需要做的事情？

編輯：我添加了：懸停到CSS中，並且在鼠標離開該行的範圍之後，該點擊行不會丟失其背景色，這種方式適用於FF（而不是IE6）。但最後一個障礙是，當點擊一個新行時，我需要任何一行更改爲其原始背景顏色，因爲此時每行都會突出顯示，但不會使其不顯示。

Answer 1

你可以使用一些jQuery的做

$(」table tr:even」).addClass(」offeven″); 

添加一些CSS減速度，而不是使用的onmouseover

.offeven:hover, .offodd:hover 

也許更好跨瀏覽器解決方案在這篇文章中提到的：

jQuery Alternating Gray Rows in a Table, and Highlight Table Row Mouseover Example