Как присвоить несколько ID?

Question

[mrzgt]

Как можно кратко применить это к #tab2 #tab3 #tab4

if (pieces[1] == 'tab1'){
        $('#tab1').css('right','-'+$(window).width()+'px');    
        var right = $('#tab1').offset().right;
        $("#tab1").css({right:right}).animate({"right":"0px"}, "10");
    }

Answer 1

[Павел]

Самым простым решением является добавление класса, например myTab к каждому табу, $('.myTab').css(). Точно так же, удобнее с точки зрения разработки воспользоваться атрибутами, отказавшись от id.

<a class="myTab" data-id="1"></a><a class="myTab" data-id="2"></a>

Производительность селектора # многократно выше селектора атрибутов, но при использовании в контексте табов, которых не может быть очень много -- совершенно не существенна.

Answer 2

[Defman21]

Павел прав, но все же:

[1, 2, 3, 4].forEach(i=>{
        var tab = $("#tab" + i);
        tab.css('right','-'+$(window).width()+'px');    
        var right = tab.offset().right;
        tab.css({right:right}).animate({"right":"0px"}, "10");
});