JSFiddle - React, Tailwind, and code Playground

by Mohd Zaki

HTML

<table>
<tr id="id_1">
    <td>1</td>
    <td>Selatan</td>
    <td>
        <a href="#" data-value="Selatan"  class="removebutton">Remove</a>
    </td>
</tr>
<tr id="id_2">
    <td>1</td>
    <td>utara</td>
    <td>
        <a href="#" data-value="Utara" class="removebutton">Remove</a>
    </td>
</tr>
</table>

JavaScript

$('.removebutton').on('click', function () {                
   var attr = $(this).closest('tr').attr('id');
   split_id = attr.split("_");
    
//   alert(id[1]);
//   alert($(this).data('value'));
  var id =   split_id[1]; 
  var value = $(this).data('value');   
     $.ajax({
      method: "POST",
      url: "www.example.com/apps/delete",
      dataType: "json",
      data: {
             'id': id,
             'value': value
      },
      success: function (result) {
	        $(this).closest('tr').remove();	   
      }    
    });
 });