JSFiddle - React, Tailwind, and code Playground

by KIRAN VARTHI

HTML

<table>
   <tr>
    <td>ID</td>
    <td>Text1</td>
    <td>Text2</td> 
    <td>Text3</td> 
   </tr>
   <tr>
    <td>1</td>
    <td>Example1</td>
    <td>Example1</td> 
    <td>Example1</td> 
   </tr>
   <tr>
    <td>2</td>
    <td>Example2</td>
    <td>Example2</td> 
    <td>Example2</td> 
   </tr>
   <tr>
    <td>3</td>
    <td>Example3</td>
    <td>Example3</td> 
    <td>Example3</td>
   </tr>
</table>

JavaScript

$( "table tr" ).click(function() {
    alert($(this).children('td').first().html());
});

	
$("tr").hover(
  function () {
    $(this).css("background","yellow");
  }, 
  function () {
    $(this).css("background","");
  }
);