JSFiddle - React, Tailwind, and code Playground

by Ganesh

HTML

<table class="myTable" border="1">
           <tr class="table">
                <th class="table">
                    Wipro ID
                </th>
                <th class="table">
                    Emp Name
                </th>
                <th class="table">
                    Emp Address
                </th>
            </tr>
            <tr class="table">
                <td class="table">
                    IDxxxx90
                </td>
                <td class="table">
                   Nandi
                </td>
                <td class="table">
                    Client Addressxxxx
                </td>
            </tr>
            <tr class="table">
                <td class="table">
                    IDxxxx95
                </td>
                <td class="table">
                    Pia
                </td>
                <td class="table">
                    Client Addressyyyy
                </td>
            </tr>
</table>



<div id="clickedData">

</div>

JavaScript

$("tr.table").click(function() {
    var tableData = $(this).children("td").map(function() {
        return $(this).text();
    }).get();

    alert("Your data is: " + $.trim(tableData[0]) + " , " + $.trim(tableData[1]) + " , " + $.trim(tableData[2]));
    $("#clickedData").text("Your data is: " + $.trim(tableData[0]) + " , " + $.trim(tableData[1]) + " , " + $.trim(tableData[2]));
    
});