javascript - td 的 onclick 更改 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 并且 rowspan 不为空，那么我必须使该 td 具有 csstdgreen 并且具有 rowspan 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');
    }
});​

演示