无法使用自定义输入在单页上绘制多个数据表，如何使其工作？

Question

我的单页链接中有3个或更多DataTables。我正在为所有DataTable使用自定义过滤器输入。

Click Here for page

or copy this url -  http://image.webspapa.in/test.php

这适用于第2和第3张桌，但

• 每当我过滤第一张桌子时，所有三张都被过滤了。什么是错的 这个？

• 第二个为什么我无法在我的第二个dataTabel（控制台显示未定义）中访问变量$(function(){})值，而我已将其定义为全局范围

  var dataTabel;
  $(function() {
      var dataTabel = $('.dataTable').DataTable({"dom": 't<"bottom"ip><"clear">'});
      $('.panel-heading input').keyup(function(){
          var Tabel = $('.panel-heading input').index($(this));
          dataTabel.tables(Tabel).search($(this).val()).draw();
      });
  });
  $(function(){
      console.log(dataTabel);
  });
  

  请在提供的链接中查看我的完整代码，并帮助我。提前致谢