JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
<table>
    <tr>
        <td>Element 1</td>
        <td>…</td>
        <td>2008-02-02</td>
        <td class="jander" data-pos="0" data-category="1">
            
        </td>
    </tr>
    
    <tr>
        <td>Element 2</td>
        <td>…</td>
        <td>2007-02-02</td>
        <td class="jander" data-pos="1" data-category="1">
            <span> click to move up</span>
        </td>
    </tr>
</table>

CSS

span {color:blue;}

JavaScript

$('span').click(function() {
    var row = $(this).closest('tr');

    row.prev().insertAfter(row);
});