如何在jQuery中做到這一點？

Question

我正在使用Stupid Fixed Header修復兩個表的標題。爲此，我使用以下腳本。

$(document).ready(function(){  
    $("#table1").fixedHeader({ 
     height: 160, 
     adjustWidth: function(th){ 
     if($.browser.msie){ 
      return $(th).width()+10; 
     } 
      return $(th).width(); 
     } 
    }); 

    $("#table2").fixedHeader({ 
     height: 160, 
     adjustWidth: function(th){ 
     if($.browser.msie){ 
      return $(th).width()+10; 
     } 
      return $(th).width(); 
     } 
    }); 
}) 

現在的問題是，我寫相同的代碼兩次。一次用於table1，然後用於table2。是否可以只寫一次？

Answer 1

$("#table1, #table2").fixedHeader ... 

Answer 2

使用類選擇器而不是id選擇器。類似於

$(".tablefidedheaders").fixedHeader({ 
     height: 160, 
     adjustWidth: function(th){ 
     if($.browser.msie){ 
       return $(th).width()+10; 
     } 
       return $(th).width(); 
     } 
    }); 

給這兩個表的類名[tablefidedheaders]。

Answer 3

正如adamantium所說，按班級選擇可能是一種更好的做法。如果你想選擇多個ID，你可以這樣做：

$(document).ready(function(){   
    $("#table1, #table2").fixedHeader({ 
     height: 160, 
     adjustWidth: function(th){ 
     if($.browser.msie){ 
       return $(th).width()+10; 
     } 
       return $(th).width(); 
     } 
    });