Question

我试图在表格的前一行触发悬停事件，这样我就可以在CSS中定义它的效果，但它不起作用。基本上我所拥有的是两行连接，每当任一行被鼠标悬停时都需要这种边界效果。 jQuery中的解决方案是什么？

的jQuery

$("tr").hover(function() {
  $(this).prev().trigger('mouseover');
});

CSS

tr:hover .row-right {
  border-right: 10px solid #CCC;
}

Answer 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/

触发悬停或鼠标悬停以获得定义的CSS效果

1 个答案: