JSFiddle - React, Tailwind, and code Playground

HTML

<script type='text/javascript'>
 $(function(){
    $('.den1 table td').click(function(){
        var nane = $(this).parent().attr("id");
        var nane2 = $(this).attr("id");
        var degerler = "nane="+nane+"&nane2="+nane2;
        alert(degerler + "\nstring: "+ $(this).html());
    });
});

</script>

<div class='den1'>
    <table>
        <tr id="tr1">
            <td id="td1-1">deneme</td>
            <td id="td1-2"> eksi</td>
        </tr>
        <tr id="tr2">
            <td id="td2-1">duyuru</td>
            <td id="td2-2">sözlük</td>
        </tr>
        <tr id="tr3">
            <td id="td3-1">soru</td>
            <td id="td3-2">teknik</td>
        </tr>
    </table>
</div>

CSS

td { border: 1px solid red;padding:10px; cursor:pointer;}