JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<table>
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td><a class="sorting" href="?orderby=title&order=asc">Title</a>

        </td>
        <td>Catagory</td>
        <td>Tags</td>
        <td>Comments</td>
        <td>Date</td>
    </tr>
</table>

JavaScript

$('table').find('a.sorting').click(function () {
    var k = $(this).attr("href");
    var newk = "";
    if (k.indexOf("asc") >= 0) {
        newk = k.replace("asc", "desc")
        $(this).attr("href", newk);
    } else if (k.indexOf("desc") >= 0) {
        newk = k.replace("desc", "asc");
        $(this).attr("href", newk);
    }
    alert(newk);
});