首页 / 问答 / JavaScript/jQuery如何实现在表格(Table)中单击行高亮的效果呢?

JavaScript/jQuery如何实现在表格(Table)中单击行高亮的效果呢?

javascript Jquery table 934 次浏览
0

如题,在JavaScript/jQuery的开发中,如何实现在一个表格(Table)中单击某一行,然后高亮这一行的效果呢?

回复 [×]
提交评论
请输入评论内容

1 个回答

  • 0

    在JavaScript/jQuery的前端开发中,实现单击表格高亮的原理还是比较简单的,即监听表格行(tr)的单击事件,当前事件被触发的时候,在对应行添加高亮的css类。

    首先定义一个高亮行的样式效果,这里且命名这个CSS样式为:.highlight,主要是设置高亮行的背景颜色,如下:

    再用jQuery实现单击行的事件,如下:

    以上是可以同时高亮多行的实现代码,如果你只需要在表格中单击行时只能同时高亮一行,则可以使用如下的代码:

    Rector的个人主页

    Rector

    2020-03-05 回答

    我来回答