深圳全飞鸿

标题: layui表格通过点击tr改变这一行的颜色 [打印本页]

---

作者: syant    时间: 2023-9-2 20:36
标题: layui表格通过点击tr改变这一行的颜色
未验证过：

1. $("body").on('click','.layui-table-body tr ',function () {
   
2.           console.log(this);
   
3.           var data_index=$(this).attr('data-index');//得到当前的tr的index
   
4.           console.log($(this).attr('data-index'));
   
5.           $(".layui-table-body tr").attr({"style":"background:#FFFFFF"});//其他tr恢复颜色
   
6.           $(".layui-table-body tr[data-index="+data_index+"]").attr({"style":"background:#99ff99"});//改变当前tr颜色
   
7. 
   
8. });

复制代码

---

欢迎光临 深圳全飞鸿 (http://www.nagomes.com/disc/)

Powered by Discuz! X3.2