addClass/removeClass不適用

Question

我嘗試將addClass和removeClass應用於表中的某一行，並且出於某種原因不應用addClass和removeClass樣式。 由於他們不工作，我試圖使用CSS，但這一個是讓我的代碼更多的冗餘應用相同的風格的一些領域。任何幫助，將不勝感激。由於

從螢火

<tr style="color: red; font-weight: bold; background: none repeat scroll 0% 0% rgb(255, 255, 255); cursor: pointer;" class="state-selected"><td style="padding:2.5px 0px 2.5px 2px;">Equipment</td></tr> 



.state-selected { 
    } 

和我定義我的jsp頁面

<style type="text/css"> 
.state-selected { 
    color: 'red'; 
    font-weight: 'bold'; 
} 
</style>  
$("#index tr:gt(0)").hover(

    function() { 
     $(this).css({ 
      'background': '#e9e7e7', 
      'cursor': 'pointer' 
     }); 
    }, function() { 
     $(this).css({ 
      'background': '#ffffff', 
      'cursor': 'pointer' 
     }); 
    }).click(function (e) { 
     $("#index tr").removeClass('state-selected'); 
     $(this).addClass('state-selected'); 

    });