ページatonceのすべてのテーブルにDatatablesを適用するには？

Question

私は、異なる種類のデータと異なる数の ''を持つ1つのページに複数のテーブルがあるWebサイトを開発しています。私はそれらに '.tables'というクラスを入れて、Datatables（https://www.datatables.net/）を使って、テーブルatonceのすべてに適用したいと思います。私は使用しようとしました：

<script> 
$(document).ready(function(){ 
$('.tables').DataTable(); 
}); 
</script> 

しかし、それだけでテーブルのいずれかのデータテーブルを適用します。 Webページ内のすべてのテーブルにデータテーブルを適用する方法はありますか？

ありがとうございます！

Answer 1

テーブルを反復処理して、それぞれに適用することができます。

for (var i = 0; i < $(".tables").length; i++) { 
    $($('.tables')[i]).DataTable(); 
    }); 
} 

注意はこれをテストしました。

Answer 2

あなたがしようとしました：

<script> 
$(document).ready(function(){ 
    $.each($('.tables'),function(index, table){ 
     $(table).DataTable(); 
    }); 
}); 
</script> 

Answer 3

あなたは絶対にすべてのテーブルが

$('table').each(function(){ 
    $(this).DataTable(); 
});