JSFiddle - React, Tailwind, and code Playground

by Julian

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>

<table id="mytable1">
<form id="myForm" class="myForm" action="" method="post"> 
<tbody>
<tr>
 <td>
           my table 1
              </td>
</tr>  </tbody>
         
          <button type="submit" name="submit3">Submit
  
</button>
</form>
 </table>

<table id="mytable2">
<form id="myForm" class="myForm" action="" method="post"> 
<tbody>
<tr>
 <td>
   my table 2
  
              </td>
</tr>  </tbody>
       
                 <button type="submit" name="submit3">Submit
  
</button>
</form>
   </table>
          
<table id="mytable3">
<form id="myForm" class="myForm" action="" method="post"> 
<tbody>
<tr>
 <td>
      my table 3
  
              </td>
</tr>  </tbody>
          
                 <button type="submit" name="submit3">Submit
  
</button>
</form>
</table>

JavaScript

$(document).ready(function() {
 $('.myForm').submit(function(e) {
var data = $(this).closest('table').attr('id')
                alert (data);
   
e.preventDefault();

        });

    });