Question

我有一个可滚动的表，其中最后一列已修复，因为该列包含操作按钮。在html代码上他们看起来像：两个div在每个div中有一个表，第一个div包含主表，在第二个div上我有一个只有一列的表，我在其上添加了操作按钮。在桌子上，当光标经过tr td并且在焦点上时，我有一个悬停效果我应用了不同的背景，以突出显示从表中选择的注册。我的问题是当光标经过tr td时，我怎样才能在悬停和聚焦效果上同时显示悬浮和聚焦效果，因为现在它们在每个表上独立工作。

请查看我的实例：http://mainpage.ueuo.com/

谢谢。

Answer 1

看这里http://jsfiddle.net/Ksb2W/5/

$(function(){
$('table tr td').click(function () { 
         var selected = $(this).parent(); 
         var index = selected.GetIndex();
            var parentOfRow = $(selected.parent()[0].tagName);

         //First remove the selectedRow class
        $(".selectedRow",parentOfRow).removeClass("selectedRow");
        parentOfRow.each(function(){
               $("tr:eq("+index +")",this).addClass("selectedRow");
         });
    });
$("tr").hover(function(){
     var row = $(this).GetIndex();
    $(".table").each(function(){          
          $("tr:eq("+row+")",this).addClass("hoverx");
    });
},function(){         
     var row = $(this).parent().children().index($(this));
    $(".table").each(function(){          
          $("tr:eq("+row+")",this).removeClass("hoverx");
    });
});
});

    jQuery.fn.GetIndex = function(){
        return $(this).parent().children().index($(this));
    }

Answer 2

我会使用这个可以修复列和行的jQuery插件，而不是这两个DIV方法：

http://fixedheadertable.com/

这将使您的HTML更简单和标准。

相同的悬停并聚焦于来自不同div的两个对齐的表

2 个答案: