点击TD更改TD CSS

onclick of td change td css

本文关键字：TD CSS 更改 点击      更新时间：2024-01-15
<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 有类 csstdgreen 并且行跨度不为空，我必须在表 td 的点击中检查 jquery然后我必须使TD具有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');
                        }
                    });

使用引用this对目标td进行更改：

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

演示

相关文章：