JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divResult" style="color:red;">
 
<div id="box_0">1</div>
<div id="clear_0" class="clear_coment"/>clear_</div>
 
<div id="box_1">2</div>
<div id="clear_1" class="clear_coment"/>clear_</div>
 
<div id="box_2">3</div>
<div id="clear_2" class="clear_coment"/>clear_</div>
 
</div>

CSS

#divResult {
 width:315px;
}
div[id^="box_"]{
 width:200px;
 height:32px;
 border:2px blue solid;
}
div.clear_coment{
 float:right;
 margin-top:-32px;
 width:100px;
 height:32px;
 border:1px red solid;
 text-align:center;
 cursor:pointer;
}

JavaScript

$('.clear_coment').click(function(){
    $(this).prev().remove();
    $(this).remove();
});