JSFiddle - React, Tailwind, and code Playground

by alokswain

HTML

<table> 
    <tr class="user_name" id="1"> 
        <td> User 1</td>
    </tr>
<tr class="user_name" id="2"> 
        <td> User 2</td>
    </tr>
<tr class="user_name" id="3"> 
        <td> User 3</td>
    </tr>
    
    <tr class="user_name" id="4"> 
        <td> User 4</td>
    </tr>
</table>

<div id="first_message"></div>

JavaScript

$(document).ready(function() {
    $('.user_name').mouseover(function() {
        var userId = $(this).attr('id');
        alert(userId);
        $('#first_message').load("asdf");
        return false;
    });
    
   
});