同樣懸停並關注來自不同div的兩個對齊表

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

而是這兩個div的方法，我會用這個jQuery插件，可以解決列和行也：

http://fixedheadertable.com/

它會使你的HTML更加簡單和標準。