Is there way to make two HTML ID's link to one javascript function?

Question

I have two tables that need to have different IDs or they will not work. I\'m using 3rd party data table code that uses the ID to differentiate between the different tables in t

Answer 1

Alternatively:

var $DTs = $(".someSemanticClassForAllIntendedTables"); //for easy reference elsewhere
$DTs.DataTable({ //options });

Answer 2

Is there a way to make both tables link to the same code in a script?

Yes:

$('#promo, #official').DataTable( {
    // does a TON of stuff here
});

This uses a CSS group selector, but you can use any other selector that matches both elements. Based on your question, for instance, .display (a class selector) does as well (provided it doesn't also match other elements you haven't shown):

$('.display').DataTable( {
    // does a TON of stuff here
});

Answer 3

$('.display').each(function(){
    $(this).DataTable({
        // does a TON of stuff here
    });
});

This way you will not have to add each and every id manually. Just add .display to the elements.