我有两个表,它们需要有不同的I,否则它们就不能工作。我使用第三方数据表代码,它使用ID来区分浏览器中的不同表。
<table id="promo" class="display">
<table id="official" class="display">但我需要他们两个链接到相同的脚本功能。正如您在下面看到的,我有一个用于#promo的,一个用于官方的,但是它们都使用完全相同的代码:
$(document).ready(function() {
$('#promo').DataTable( {
// does a TON of stuff here
} );
$('#official').DataTable( {
// does a TON of stuff here
} );是否有办法使两个表链接到脚本中的相同代码?
发布于 2014-12-02 01:55:55
是否有办法使两个表链接到脚本中的相同代码?
是:
$('#promo, #official').DataTable( {
// does a TON of stuff here
});这使用CSS group selector,但您可以使用匹配这两个元素的任何其他选择器。例如,根据您的问题,.display (一个class selector)也是如此(前提是它也不匹配您尚未显示的其他元素):
$('.display').DataTable( {
// does a TON of stuff here
});发布于 2014-12-02 01:55:56
$('.display').each(function(){
$(this).DataTable({
// does a TON of stuff here
});
});这样,您就不必手动添加每个id。只需向元素中添加.display即可。
发布于 2014-12-02 02:01:39
另一种选择是:
var $DTs = $(".someSemanticClassForAllIntendedTables"); //for easy reference elsewhere
$DTs.DataTable({ //options });https://stackoverflow.com/questions/27240623
复制相似问题