我试图在表格的前一行触发悬停事件,这样我就可以在CSS中定义它的效果,但它不起作用。基本上我所拥有的是两行连接,每当任一行被鼠标悬停时都需要这种边界效果。 jQuery中的解决方案是什么?
的jQuery
$("tr").hover(function() {
$(this).prev().trigger('mouseover');
});
CSS
tr:hover .row-right {
border-right: 10px solid #CCC;
}
答案 0 :(得分:1)
的jQuery
$("tr").mouseover(function() {
$(this).prev().addClass('hover');
});
$("tr").mouseout(function() {
$(this).prev().removeClass('hover');
});
CSS
tr.hover .row-right {
border-right: 10px solid #CCC;
}
jsFiddle链接:http://jsfiddle.net/vsApc/