JSFiddle - React, Tailwind, and code Playground

by minagabriel

HTML

<div id="content_gridBody" class="gridBody">
    <table>
        <tbody>
            <tr id="content_1">
                <td id="content_1_name" style="width:25%;padding-left:5px">m</td>
                <td id="content_1_last" style="width:25%">gabriel</td>
                <td id="content_1_age" style="width:25%">29</td>
                <td id="content_1_phone" style="width:25%">344346785</td>
            </tr>
            <tr id="content_2">
                <td id="content_2_name" style="width:25%;padding-left:5px">a</td>
                <td id="content_2_last" style="width:25%">gabriel</td>
                <td id="content_2_age" style="width:25%">29</td>
                <td id="content_2_phone" style="width:25%">348908905</td>
            </tr>
            <tr id="content_3">
                <td id="content_3_name" style="width:25%;padding-left:5px">b</td>
                <td id="content_3_last" style="width:25%">gabriel</td>
                <td id="content_3_age" style="width:25%">29</td>
                <td id="content_3_phone" style="width:25%">234567</td>
            </tr>
            <tr id="content_4">
                <td id="content_4_name" style="width:25%;padding-left:5px">mina</td>
                <td id="content_4_last" style="width:25%">gabriel</td>
                <td id="content_4_age" style="width:25%">29</td>
                <td id="content_4_phone" style="width:25%">45345</td>
            </tr>
            <tr id="content_5">
                <td id="content_5_name" style="width:25%;padding-left:5px">aa</td>
                <td id="content_5_last" style="width:25%">gabriel</td>
                <td id="content_5_age" style="width:25%">29</td>
                <td id="content_5_phone" style="width:25%">345435</td>
            </tr>
            <tr id="content_6">
                <td id="content_6_name" style="width:25%;padding-left:5px">ab</td>
                <td id="content_6_last" style="width:25%">gabriel</td>
                <td...

JavaScript

$(function(){
    var objectToSort = 'name' ;
    var 
    $.each($('tbody tr td'),function(index,value){
       var currTr =  $(value).parents('tr').attr('id');
       var currTd = $(value).attr('id');
       var objectToSortTd = currTd + '_' + objectToSort ; 
    });  

});