Jquery 鼠标上方的Hightlight Gridview行

我必须在鼠标上方突出显示gridview的一个单元格。突出显示有问题。我正在检查单元格是否有，它将高亮显示

//来源

  <script type="text/javascript">
    $(document).ready(function() {
    $('#gvrecords tr:td').mouseover(function() {
    $(this).addClass('highlightRow');
    });
    $('#gvrecords tr').mouseout(function() {
    $(this).removeClass('highlightRow');
    })
    })
    </script>

$（文档）.ready（函数（）{
$（'#gvrecords tr:td'）.mouseover（function（）{
$（this.addClass（'highlightRow'）；
});
$（'#gvrecords tr'）.mouseout（函数（）{
$（this.removeClass（'highlightRow'）；
})
})

---

我哪里错了？

您选择了错误的选择器：td不正确。您需要将事件直接附加到tr上。您可以使用

mouseenter

而不是

mouseover

，因为当鼠标在其上移动时，mouseover会一次又一次地触发，

会导致不必要的代码执行。您只需要更改一次类，这样鼠标输入就可以为您更改


$(document).ready(function() {
    $('#gvrecords tr').mouseenter(function() {
       $(this).addClass('highlightRow');
    }).mouseout(function() {
      $(this).removeClass('highlightRow');
    })
})

使用
css

.highlightRow
{
  background-color:your_color;
}

一个小把戏就能做到这一点

$('#gvrecords tr:has(td)').mouseover(function() 

您可以使用CSS实现这一点，这可能会更容易：

#gvrecords tr {
     background-color: #FFF;
}

#gvrecords tr:hover {
     background-color: #000;
}