我想实现鼠标悬浮，表格行背景色变更，离开恢复原色，但是我的表格是灰白间隔的

我想实现鼠标悬浮，表格行背景色变更，离开恢复原色，但是我的表格是灰白间隔的，我用这个脚本只能实现选中白色部分底色变更，灰色行没有反应，请问有大神知道这个要咋修改这个脚本吗？

var oldColor = "";

$(".x-table tr").mouseover(function () {

oldColor = $(this).css("background-color");

$(this).css("background-color","#f0f3f7");

}).mouseout(function () {

$(this).css("background-color",oldColor);

});

}

FineReport yzm545275 发布于 2022-3-31 09:42 （编辑于 2022-3-31 09:43）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共3回答

最佳回答

CD20160914Lv8专家互助
发布于2022-3-31 10:09

悬浮变色.rar

这样了。。

举报收起评论(1)

yzm545275(提问者) 感谢，可以了。

2022-03-31 10:17

shirokoLv6资深互助
发布于2022-3-31 09:51

$(".x-table tr").mouseover(function () {

$(this).attr("background-oldcolor",$(this).css("background-color"));

$(this).css("background-color","#f0f3f7");

}).mouseout(function () {

$(this).css("background-color",$(this).attr("background-oldcolor"));

});

}

举报收起评论(1)

yzm545275(提问者) 也不行，依旧是灰色行鼠标悬浮没有反应

2022-03-31 10:03

snrtuemcLv8专家互助
发布于2022-3-31 10:08（编辑于 2022-3-31 10:10）

这个代码测试了，按这个代码，设置背景色的行不会变色，改成下面的就可以

var oldColor = "";

$(".x-table tr").mouseover(function () {

oldColor = $(this).find("td").css("background-color");

$(this).find("td").css("background-color","#f0f3f7");

}).mouseout(function () {

$(this).find("td").css("background-color",oldColor);

});

举报收起评论(1)

yzm545275(提问者) 感谢，可以了。

2022-03-31 10:18

4关注人数

411浏览人数

最后回答于：2022-3-31 10:10

活动推荐更多

热门课程更多

请选择关闭问题的原因

确定取消

提问

悬赏者（2）

撤回悬赏（2）

添加悬赏

请选择关闭问题的原因