layui表格通过点击tr改变这一行的颜色

薄荷琴糖

于 2021-10-11 11:24:41 发布

阅读量595

点赞数

CC 4.0 BY-SA版权

文章标签： layui html javascript

本文链接：https://blog.csdn.net/growb/article/details/120699623

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

});

此代码块应放入监听事件中，layui-table-body是表格的类名，data-index是这一行的索引，也就是id。