如何在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(); 
     } 
    });