僅使用css和javascript更改特定的表格內容顏色

Question

我在其中一個網頁的表格中顯示數據。當用戶點擊一行時，我只希望該行改變顏色。我會爲那個牢房定居。我在頁面上引用了一個css文件，其中有兩種樣式td_on和td_off，它們除背景顏色外都具有相同的設置。我把「類」標籤的TD像這樣：

<td align="center" class="td_off" > 

我曾嘗試使用的onclick動作類更改爲td_on風格像這樣，的onclick =「級= td_on」但這並不導致任何變化。有人可以告訴我這樣做的恰當語法是......還是更簡單的方法來完成???！提前致謝。

Answer 1

很容易與jQuery做到這一點，這裏的改變表格單元格顏色：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 

     $('td').bind('click',function() { 
      $(this).css('background-color','red'); 
     }); 


    }); 
</script> 

或更改：$(this).css('background-color','red');到$(this).parent().css('background-color','red');，如果你想改變整個行的顏色。

Answer 2

試試這個：

<td align="center" onclick="switchClass(this);" class="td_off" > 

<script> 
function switchClass(td) 
{ 
    if(td.className == 'td_off') 
    { 
    td.className = 'td_on'; 
    } 
    else 
    { 
    td.className = 'td_off'; 
    } 
} 
</script>