Как это сделать в 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

Используйте селектор класса вместо селектора идентификатора. Что-то вроде

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

Дайте имя класса [tablefidedheaders] для двух таблиц.

Answer 3

Как сказал адамантий, отбор по классу, вероятно, является лучшей практикой. Если вы хотите выбрать несколько идентификаторов, вы можете сделать это:

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