JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<table style="width: 100%" id="gridview1">
    <tr>
             <td>
                1
            </td>
            <td>
                <input type="text" maxlength="100" class="distance" display="Dynamic" value="4">
            </td>
            <td>
                <input type="text" maxlength="100" class="length" display="Dynamic" value="12">
            </td>
            <td>
                 <input type="text" maxlength="100" class="comment" display="Dynamic" value="this is a test">
            </td>         
        </tr>
    </tr>
     <tr>
             <td>
                2
            </td>
            <td>
                <input type="text" maxlength="100" class="distance" display="Dynamic" value="5">
            </td>
            <td>
                <input type="text" maxlength="100" class="length" display="Dynamic" value="6">
            </td>
            <td>
                 <input type="text" maxlength="100" class="comment" display="Dynamic" value="this is a test2">
            </td>         
        </tr>
    </tr>
     <tr>
             <td>
                3
            </td>
            <td>
                <input type="text" maxlength="100" class="distance" display="Dynamic" value="34">
            </td>
            <td>
                <input type="text" maxlength="100" class="length" display="Dynamic" value="12">
            </td>
            <td>
                 <input type="text" maxlength="100" class="comment" display="Dynamic" value="this is a test3">
            </td>         
        </tr>
    </tr>   
</table>
<input id="my" name="my" value="Click" type="button" />

JavaScript

//Attach click event o button
$('#my').click(function(){
    //Get the last row in gridview
    var tr = $('#gridview1 tr:last'); 
    //Ge the firstcolumnVal 
     var firstcolumnval =   $(tr).find("id").id;
     alert(firstcolumnval);
     //Get the secondcolumn value
     var secondcolumnval = $(tr).find("id").find('length').val();
     alert(secondcolumnval);
    //Get the Thirdcolumn value
     var Thirdcolumnval = $(tr).find("td").find('input.length').val();
     alert(Thirdcolumnval);
    //Get the Fourthcolumn value
     var Fourthcolumnval = $(tr).find("td").find('input.comment').val();
     alert(Fourthcolumnval);
});