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

Question

我试图在表格的前一行触发悬停事件，这样我就可以获得它在 CSS 中定义的效果，但它不起作用。基本上我所拥有的是 2 行连接，无论何时将鼠标悬停在任何一行上，都需要这种边框效果来进行鼠标悬停。 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/