JSFiddle - React, Tailwind, and code Playground

by virendrachandak

HTML

<div id="c1">
    <div class="a">a<div class="delete">delete</div></div>
    <div class="b">b<div class="delete">delete</div></div>
    <div class="c">c<div class="delete">delete</div></div>
</div>
----------
<div id="c2">
    <div class="d">d<div class="delete">delete</div></div>
    <div class="e">e<div class="delete">delete</div></div>
    <div class="f">f<div class="delete">delete</div></div>
</div>

JavaScript

$('#c1').on('click', '.delete', function(e) {
    $(this).parent().remove();
    if ($("#c1>div").length<3) {
        $("#c2>div:nth-child(1)").appendTo("#c1");
    }
});