JSFiddle - React, Tailwind, and code Playground

HTML

<div id=target></div>
<div id =list>
<ul>
<li><img id=1 src...></img></li>
<li><img id=2 src...></img></li>
<li><img id=3 src ..></img></li>
<ul>
</div>

JavaScript

$(document).ready(function() {
    alert(' Before swap HTML in target is :==> ' + $('#target').html());

        var targetHtml = $('#target').html();
        var listHtml = $('#list').html();

        $('#target').html(listHtml);
        $('#list').html(targetHtml);
    
    alert(' After swap HTML in target is :==> ' + $('#target').html());

});