当鼠标悬停在行上时,是否有人知道如何为具有不同背景颜色的表格行添加边框?
我已经能够用这个改变行的背景颜色:
$(document).ready(function() { $(function() { $('.actionRow').hover(function() { $(this).css('background-color', '#FFFF99'); }, function() { $(this).css('background-color', '#FFFFFF'); }); }); });
但是我无法添加边框颜色.我意识到边框不能直接应用于表格行标签,但我希望有人知道一些jQuery巫术魔法可以找到所选行中的表格单元格并将一些样式应用于那些创建边框.
谢谢!
$(function() { $('tr').hover(function() { $(this).css('background-color', '#FFFF99'); $(this).contents('td').css({'border': '1px solid red', 'border-left': 'none', 'border-right': 'none'}); $(this).contents('td:first').css('border-left', '1px solid red'); $(this).contents('td:last').css('border-right', '1px solid red'); }, function() { $(this).css('background-color', '#FFFFFF'); $(this).contents('td').css('border', 'none'); }); });