相同的悬停并聚焦在来自不同 div 的两个对齐的表格上答案

【问题标题】：Same hover and focus over two aligned tables from different divs相同的悬停并聚焦在来自不同 div 的两个对齐的表格上
【发布时间】：2012-04-12 08:50:01
【问题描述】：

我有一个固定最后一列的可滚动表，因为该列包含操作按钮。在 html 代码上，它们看起来像：两个 div，每个 div 中有一个表，第一个 div 包含主表，在第二个 div 上，我有一个表，只有一个列，我在其上添加了操作按钮。在表格上，当光标越过 tr td 时，我有一个悬停效果，并且在焦点上我应用了不同的背景，以突出显示表格中选定的注册。我的问题是，当光标经过 tr td 时，如何在展位表上同时获得悬停和焦点效果，因为现在它们在每个表上独立工作。

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

谢谢。

【问题讨论】：

标签： jquery html css wicket

【解决方案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));
    }

【讨论】：

第一个 div 上的第二个 div 是否可能具有相同的行为？因为现在如果我将光标放在第一个 div 上，将只选择第一个 div 表中的元素，但如果我将光标放在第二个 div 上，则选择展位 div tr。谢谢。
这次我更新了代码，效果很好。检查jsfiddle
非常感谢！！！您认为我们可以在您的功能上整合一个焦点吗？例如：function rowSelection() { $('table.grid tbody tr td').click(function () { var selected = $(this).parent(); $('table.grid tbody tr').each(function (index) { if ($(this).hasClass("selectedRow")) { $(this).removeClass("selectedRow");} }); if (!selected.hasClass('selectedRow')) { selected.addClass("selectedRow"); }}); }
非常感谢队友！！！你救了我的一天！！！我会给你所有的分数，再次感谢你。

【解决方案2】：

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

http://fixedheadertable.com/

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

【讨论】：