JSFiddle - React, Tailwind, and code Playground

by OsamaMohamed

HTML

<div class='media' id='art_id'> My Div1
<button id='deletebtn' class='btn btn-danger glyphicon glyphicon-trash delete_btn'>
<span></span> delete</button>
</div>
<hr>
    <div class='media' id='art_id'> My Div2
<button id='deletebtn' class='btn btn-danger glyphicon glyphicon-trash  delete_btn'>
<span></span> delete</button>
</div>
<hr>
    <div class='media' id='art_id'> My Div3
<button id='deletebtn' class='btn btn-danger glyphicon glyphicon-trash delete_btn'>
<span></span> delete</button>
</div>
<hr>
    <div class='media' id='art_id'> My Div4
<button id='deletebtn' class='btn btn-danger glyphicon glyphicon-trash delete_btn'>
<span></span> delete</button>
</div>
<hr>

JavaScript

$(".btn-danger ").click(function(){
    $(this).parent(".media").hide();
});