On将鼠标悬停在选定的表行类更改上

OnMouse over selected table row class changing?

本文关键字：鼠标 悬停 On      更新时间：2023-09-26

我正在使用jquery更改选择的表行类。但是我将鼠标悬停在它正在更改类，该类期望未选择的行之外。对于选定的行类应在鼠标悬停时更改。

怎么做？

 $('#<%=grdDataSource.ClientID%>').delegate('tr', 'click', function () {          
        $('#<%=grdDataSource.ClientID%> tr').not(this).removeClass('SelectedRowStyle');
        $(this).toggleClass('SelectedRowStyle');
    });

您可以使用以下 jQuery 函数添加和删除类

$('#waypointsTable tr').hover(
   function() {
        $(this).addClass('className');
   }, 
   function() {
      $(this).removeClass('className');
  }
);

然后，您可以在 CSS 中定义类以执行特定的样式。您可以按选定名称命名 CSS 类，以便于理解。

现在，我想提出一个建议，您应该查看 Bootstrap 并使用它来轻松设置样式。它将简化您的任务，包括这个任务。

看看这个： http://getbootstrap.com/css/#tables

如果你想检查一个特定的元素是否有一个特定的类，你可以使用 JQuery 的 hasClass（） 函数

$( "element" ).click(function() {
    if ( $( this ).hasClass( "className" ) ) {
        /* Do some stuff (add or remove styling or animation) */

});
相关文章：