的onclick TD變化TD的CSS

Question

<div id="divScroll" style="overflow-x: hidden"> 
        <asp:UpdatePanel ID="updatePanelTableAppointment" runat="server"> 
         <ContentTemplate> <table border="1" id="myTable"> 
    <tr class="csstr"> 
    <td class="csstdgreen" rowspan="3"> 
     john 
    </td> 
    </tr> 
</table> 
</asp:UpdatePanel> </div> 

以上是我的html我要檢查表TD的jQuery的的onclick如果TD具有類csstdgreen和行跨度不爲空 然後我必須做出有csstdgreen且行跨度1，運輸署，2,3等，然後使它變黃。

我怎樣才能做到與jQuery

$('#myTable td').click(function() 
        { 
         if ($('td').hasClass("csstdgreen") && $('td').attr('rowspan')) 
         { 
          alert("Hi"); 
          $('.csstdgreen').removeClass('csstdselected'); 
          $('td').removeClass('csstdgreen').addClass('csstdselected'); 
         } 

        }); 

Answer 1

使用參考this來更改目標td：

$('#myTable td').click(function() { 
    if ($(this).hasClass("csstdgreen") && $(this).attr('rowspan')) 
    { 
     alert("Hi"); 
     $('.csstdgreen').removeClass('csstdselected'); 
     $(this).removeClass('csstdgreen').addClass('csstdselected'); 
    } 
});​ 

Demo