JSFiddle - React, Tailwind, and code Playground
HTML
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="table">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<div class="click">click</div>
<div class="remove">remove</div>
</td>
</tr>
<tr>
<td>
<div class="click">click</div>
<div class="remove">remove</div>
</td>
</tr>
</table>
JavaScript
$(document).ready(function(){
$('.remove').click(function(e){
var abc = $(this).closest('tr');
e.stopPropagation();
$.ajax({
type: "GET",
url: '' ,
success: function( response ){
console.log("currentRow 2 : ");
.remove();
alert("tr removed");
//$('#'+idvalue).parent().parent().before(response);
//$("#cancelbutton").on('click',function {$('#relInfoInputData').remove();
//$(".overlay").fadeToggle();
//e.stopPropagation();});
},
error: function(request, status, error){
hideLoading();
alert('Error: ' + error );
}
});
});
})