JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>	 
<table class="table table-hover table-bordered" id="tblData">
        <thead>
          <tr class ='abc'  >
            <th>Parameter Names</th>
            <th>Parameter Values</th>
            <th>Remarks</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          <tr id = 'John1' class ='abc'> <!-- id=username+userid -->
             <td>[email protected]</td>
            <td>John</td>
            <td>Rambo</td>
            <td>
                <a class="btn btn-mini btnEdit" href='asd.html' >Edit</a>
            </td>

          </tr>
          <tr id = 'Peter1' class ='abc'>
        <td>[email protected]</td>
        <td>Peter</td>
        <td>Parker</td>
        <td>  
			<a class="btn btn-mini btnEdit" id ="btnEdit" href='asd.html' >Edit</a>
        </td>
      </tr>
        </tbody>
      </table>

CSS

.btnEdit{display:none;}

JavaScript

$(document).ready(function(){
  $('.abc').contextmenu(function(){
	$('.btnEdit').hide();
	var id  = $(this).attr('id');
	  $('#'+id+' .btnEdit').toggle();
	  return false;
  });
  $(document).click(function(){
	  $('.btnEdit').hide();
  });
});