JSFiddle - React, Tailwind, and code Playground

by Shidhin C R

HTML

<table border="1">
    <tr id="Row1">
      <td>Row1</td>
      <td>more than enough</td>
    </tr>
    <tr id="Row2">
      <td>Row2</td>
      <td>Some complex control</td>
    </tr>
    <tr id="Row3">
      <td>Row3</td>
      <td>This should be some text</td>
    </tr>
</table>

JavaScript

window.swap = function (elem1,elem2){
    var elem1 = jQuery(elem1)
        ,elem2 = jQuery(elem2)
        ,nxt = false;
    
    var t = (nxt = !!elem2.next().length)?elem2.next():elem2.prev();
    elem1.after(elem2);
    if(t.get(0)==elem1.get(0))return;
    if(nxt){
         t.before(elem1);  
    }
    else{
        t.after(elem1);
    }
}