JSFiddle - React, Tailwind, and code Playground

by hollanditkzn

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
  <table align="center" width="100%" border="1">
    <tr>
      <th>name</th>
      <th>title</th>
    </tr>
    <tr class='trEntry' data-key='1'>
      <td>Zak</td>
      <td>Header</td>
    </tr>
    <tr class='trEntry' data-key='2'>
      <td>Hanna</td>
      <td>Footer</td>
    </tr>
  </table>

JavaScript

$(document).ready(() => {
	$('.trEntry').click(function() {
  	let data = $(this).attr('data-key');
  	console.log(data);
  })
})