Home > Article > Web Front-end > jquery realizes the function of changing color when clicking the corresponding row in the table
for a table, in order to make our selected items easier to distinguish, we need to add highlighting and remove the highlighting of other items as needed. similar to:
html> <meta> <title></title> <link> <script></script> <script> $(function () { $('tbody>tr').click(function () { $(this).addClass('selected') //为选中项添加高亮 .siblings().removeClass('selected')//去除其他项的高亮形式 .end(); }); }); </script>
姓名 | 性别 | 暂住地 |
---|---|---|
张三 | 男 | 浙江宁波 |
张三 | 男 | 浙江宁波 |
张三 | 男 | 浙江宁波 |
张三 | 男 | 浙江宁波 |
张三 | 男 | 浙江宁波 |