jquery td 点击改变颜色

最新推荐文章于 2024-07-03 02:57:21 发布

原创最新推荐文章于 2024-07-03 02:57:21 发布 · 860 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用jQuery操作HTML表格的方法，通过遍历并为每个单元格(td)添加点击事件，实现对表格中单元格状态的切换。点击后，单元格背景颜色将发生变化，并显示或清除标记符号。

$('#timetable td').each(function(){            $(this).click(function(){                if($(this).html()=="√"){                    $(this).css("background-color","white");                    $(this).text("");                }else {                    $(this).css("background-color", "#96b8ff");//设置点击td的颜色                    $(this).text("√");                }            });        });
  1
2
3
4
5
6
7
8
9
10
11
12