各位大神,请问如何用jquery或js实现:选中tr 并改变背景色?

2025-01-03 00:58:30
推荐回答(5个)
回答1:

先在样式表中写好点击的效果,然后在通过JS来添加删除这个样式就可以了,具体看下面这个例子




Document


















sdfas
sdfas
sdfas
sdfas


回答2:

但tr被点击后,添加一个class属性(如clicked)。
为这个class添加第三种颜色的css背景。
.clicked{
background-color:#xxx;
}
mouseout和mouseover事件发生,先判断tr的class属性里有没有点击后添加的属性。


$().mouseout(function(){
if(this.classname == 'clicked')

{
}

else

{
}

});

这种思路

回答3:

$("table tr").click(function(){
$("table tr").css('background-color','yellow');//先将颜色改为以前面的颜色
$(this).css('background-color','red');//再将单击的那行改成需要的颜色
});

回答4:

在用click事件就可以啦

回答5:

非常简单的:

$("table#aijquery").on("click",function(e){
    $(e.target).parent("tr").addClass("bg-primary");
});

这里有在线效果演示:

jquery实现点击表格后,使当前行变色的特效

另外再给你推荐一篇非常经典的关于jquery操作表格的文章:

jquery里操作table表格的各种方法