JSFiddle - React, Tailwind, and code Playground

by alnitak

HTML

<div id="tag"> Click to swap </div>

<div>
    <span id="element1"> First </span>
    <span> padding </span>
    <span id="element2"> Second </span>
</div>

JavaScript

$('#tag').click(function() {
    var el1 = $('#element1');
    var el2 = $('#element2');
    var tag1 = $('<span/>').insertBefore(el1); // drop a marker in place
    var tag2 = $('<span/>').insertBefore(el2); // drop a marker in place
    tag1.replaceWith(el2);
    tag2.replaceWith(el1);
});