JSFiddle - React, Tailwind, and code Playground

by Julian

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css">
<table id="mytable1">
<tr>
<td class="tags">
 <span class="label label-danger" id="tag">Julian</span>
<td class="tags">
    <span class="label label-danger" id="tag">Paul</span>
</td>
</tr>  
<tr>
<form id="myForm" class="myForm" action="" method="post"> 
<input type="hidden" name="user_id" value="2">
<button type="submit" name="submit3">
   <span class="glyphicon glyphicon-plus-sign"></span> ADD
</button>
</form>
</tr>
</table>

<table id="mytable2">
<tr>
<td class="tags">
 <span class="label label-danger" id="tag">John</span>
<td class="tags">
    <span class="label label-danger" id="tag">Ben</span>
</td>
</tr>  
<tr>
<form id="myForm" class="myForm" action="" method="post"> 
<input type="hidden" name="user_id" value="2">
<button type="submit" name="submit3">
   <span class="glyphicon glyphicon-plus-sign"></span> ADD
</button>
</form>
</tr>
</table>

JavaScript

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

        });

    });