Question

我正在使用jquery在select上更改表行类。但我mouseover正在改变除了未选择的行之外的其他类。对于选定的行类，应该在鼠标悬停时更改。

怎么做？

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

Answer 1

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

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

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

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

检查出来：http://getbootstrap.com/css/#tables

Answer 2

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

$( "element" ).click(function() {

    if ( $( this ).hasClass( "className" ) ) {

        /* Do some stuff (add or remove styling or animation) */


});

在鼠标上选择的表行类更改？

2 个答案: