波斯马BOSSMA Information Technology

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

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

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

关键字: jquery 变色 选中行