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

Question

我尝试在表格的前一行触发悬停事件，以便获得CSS中定义的效果，但是它没有起作用。基本上，我有两行连接在一起，每当任何一行被鼠标悬停时都需要这个边框效果。在jQuery中，有什么解决方案呢？

jQuery

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

CSS

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

- el_pup_le

---

请您同时添加您的HTML代码。 - Tom

дҪҝз”ЁJavaScriptи§ҰеҸ‘mouseoverдәӢ件дёҺCSSзҡ„hoverеұһжҖ§ж— е…ігҖӮиҜ·еҸӮиҖғYaron Uilelзҡ„зӯ”жЎҲиҺ·еҸ–жӣҝд»Ји§ЈеҶіж–№жЎҲгҖӮ - mgibsonbr

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/

- Yaron U.

---

这能通过在 $(this).prev() 上触发某些事件来实现吗？以避免使用 hover 类并改用 :hover 。 - umpirsky