JSFiddle - React, Tailwind, and code Playground

by Naresh

HTML

<table>
  <thead>
    <tr>
      <th></th>
      <th>Cell 1</th>
      <th>Cell 2</th>
      <th>Cell 3</th>
      <th>Cell 4</th>
      <th>Cell 5</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="delete"><button>Delete</button></td>
      <td class="id">1</td>
      <td>Row 1</td>
      <td>Row 1</td>
      <td>Row 1</td>
      <td>Row 1</td>
    </tr>
    <tr>
      <td class="delete"><button>Delete</button></td>
      <td class="id">2</td>
      <td>Row 2</td>
      <td>Row 2</td>
      <td>Row 2</td>
      <td>Row 2</td>
    </tr>
    <tr>
      <td class="delete"><button>Delete</button></td>
     <td class="id">3</td>
      <td>Row 3</td>
      <td>Row 3</td>
      <td>Row 3</td>
      <td>Row 3</td>
    </tr>
    <tr>
      <td class="delete"><button>Delete</button></td>
      <td class="id">4</td>
      <td>Row 4</td>
      <td>Row 4</td>
      <td>Row 4</td>
      <td>Row 4</td>
    </tr>
    <tr>
      <td class="delete"><button>Delete</button></td>
      <td class="id">5</td>
      <td>Row 5</td>
      <td>Row 5</td>
      <td>Row 5</td>
      <td>Row 5</td>
    </tr>
  </tbody>
</table>

JavaScript

$('.delete').click(function(e){
		e.preventDefault();
		var id = $(this).closest('tr').find('.id').text();
		alert(id);
});