Sort HTML table by content

Sort table using jQuery

by Génesis García Morilla

HTML

<table>
    <tbody>
        <tr>
            <td>Element 40</td>
            <td>✔</td>
        </tr>
        <tr>
            <td>Element 2</td>
            <td>✔</td>
        </tr>
        <tr>
            <td>Element 29</td>
            <td>✔</td>
        </tr>
        <tr>
            <td>Element 28</td>
            <td>✔</td>
        </tr>
        <tr>
            <td>Element 5</td>
            <td>✔</td>
        </tr>
    </tbody>
  </table>

JavaScript

$("table tr").sort(function (a, b) {
    var a_num = $(a).children(":first-child").text().split(" ")[1];
    var b_num = $(b).children(":first-child").text().split(" ")[1];
    return parseInt(a_num) - parseInt(b_num);
}).each(function(){
    var elem = $(this);
    elem.remove();
    $(elem).appendTo("table > tbody");
});