使用jquery制作表格选中行变色很简单

2019独角兽企业重金招聘Python工程师标准>>>

使用jquery制作表格选中行变色很简单：

方法一：$(document).ready(function() {$("#tbList tr").click(function() {//遍历所有的行，移除class:selected$.each($("#tbList tr"),function(i, n) {$(n).removeClass("selected");});//给当前行添加class:selected$(this).addClass("selected");});});

方法二：//上此选中行的idvarlastLineId = "";$(document).ready(function() {$("#tbList tr").click(function() {//移除上次选中行的class:selectedif(lastLineId != "") {$("#"+ lastLineId).removeClass("selected");}//给当前点击行添加class:selected$(this).addClass("selected");//更新上次选中行lastLineId = $(this).attr("id");});});

 

第一种法不需要给表格中的行添加id，但是速度稍微有些慢，因为要遍历全部的行；第二种方法速度比较快，需要给表格的每一行设置一个id。推荐使用第二种方法。

转载于:https://my.oschina.net/guanxinsui/blog/914446