JSFiddle - React, Tailwind, and code Playground

HTML

<div id=target>target1</div>
<div id =list>
<ul>
<li><img id=1 src="whatever">foo</img></li>
<li><img id=2 src="whatever">bar</img></li>
<li><img id=3 src="whatever">hulk</img></li>
<ul>
</div>

JavaScript

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

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

        $('#target').html(listHtml);
        $(this).parent().remove();
    
    alert(' After swap HTML in target is :==> ' + $('#target').html());
});