JQuery突出顯示ajax加載表中的行

Question

頁面包含兩個表。第一個表與整個頁面一起加載，然後在ajax的幫助下加載第二個表。
這兩個表都包含每個行中的鏈接。
點擊鏈接後，相應的表格行（鏈接位置）應該高亮顯示。

隨着第一臺有沒有問題。以下工作正常：

$(document).ready(function() { 
     $('#firstTable tr a').click(function (event) {    
      $('#firstTable tr').css("background-color", "white"); 
      $(this).closest('tr').css("background-color", "silver"); 
     }); 
    }); 

但第二個表存在問題。我嘗試使用.live()方法，但沒有成功，它不點擊反應：

function onLoad() { 
       $('#secondTable tr a').live('click', function() { 
        highlChooseRow(); 
       }); 
      } 

      function highlChooseRow() { 
       $('#secondTable tr').css("background-color", "white"); 
       $(this).closest('tr').css("background-color", "silver"); 
      } 

我在做什麼錯？

Answer 1

如何

$(document).ready(function() { 
    $('#firstTable tr a, #secondTable tr a').live('click', function (event) {    
     $(this).parent('table').find('tr').css("background-color", "white"); 
     $(this).closest('tr').css("background-color", "silver"); 
    }); 
}); 

應該沒有任何問題的工作。爲了清理，你還可以定義一些類'.higlightable-table'或類似的東西，並使用$('.hightlightable-table a').live ...