JSFiddle - React, Tailwind, and code Playground

HTML

<div onclick="$('#albox.tt_this).closest('.aledmsg').remove();" style="cursor:pointer;"> TEST </div>   <br /> <br />


<div id="albox">
 
    <div class="al_head" style="margin-bottom: 5px;" id="alss"> <img  src="bt.png" alt="se">
    <div style="float: left; width: 282px;" class="aledmsg"><strong>Feexts</strong>
      <hr>
      <div class="ams" id="xc98f">blub</div>
      <div class="ams tt_this" id="xb697">blib <-</div>
      <div class="ams" id="x56b1">blab</div>
      <div class="ams tt_this" id="xb214">blnb <-</div>
       <div class="ams tt_this" id="xb997">blmb <-</div>      
    </div>
  </div>
           <br />   <br />
    <div class="al_head_2" style="margin-bottom: 5px;" id="alss"> <img  src="bt.png" alt="se">
    <div style="float: left; width: 282px;" class="aledmsg_2"><strong>Feexts 2</strong>
      <hr>
      <div class="ams" id="xc98f">blub</div>
      <div class="ams tt_this" id="xb697">blib <-</div>
      <div class="ams" id="x56b1">blab</div>
      <div class="ams tt_this" id="xb214">blnb <-</div>
       <div class="ams tt_this" id="xb997">blmb <-</div>      
    </div>
  </div> 
           
</div>