javascript - 有没有办法让两个 HTML ID 链接到一个 JavaScript 函数？

Question

我有两个表需要有不同的 ID，否则它们将无法工作。我正在使用第三方数据表代码，该代码使用 ID 来区分浏览器中的不同表。

<table id="promo" class="display">
<table id="official" class="display">

但我需要它们都链接到同一个脚本函数。正如您在下面看到的，我有一个用于 #promo 和一个用于 #official，但它们都使用完全相同的代码:

$(document).ready(function() {
    $('#promo').DataTable( {
        // does a TON of stuff here
    } );

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

有没有办法让两个表链接到脚本中的相同代码？

Answer 1

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

是的:

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

这使用 CSS group selector ，但您可以使用与这两个元素匹配的任何其他选择器。例如，根据您的问题， .display ( class selector )也可以(前提是它不匹配您未显示的其他元素):

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