JSFiddle - React, Tailwind, and code Playground

HTML

<ul>

<li>
            <div class="col-sm-3">
             <label>wtf</label>
            </div>
            <div class="col-sm-3">  
                <label>wtf</label>
            </div>
            <div class="col-sm-2">
                <label>1</label>
            </div>
            <div class="col-sm-1">
                <label>100</label>
            </div>
            <div class="col-sm-2 ">
                <label>100</label>
            </div>
             <div class="col-sm-1 ">
            <div class="delete">
            <button class="delete">delete</button>
            </div>
                 <div class="edit">
            <button class="edit"> edit</button>
            </div>
        
        </div>
          </li>
          
</ul>

CSS

div{
    border:1px solid #808080;
}

JavaScript

$("li").each(function(){
    //Here: **this** is #parent object
	
    $(this).find("div.edit").click(function(){
        //Here; **this** is .child
        var $this = $(this).parent();
       $this.find("label").show();
    });
    $(this).find("div.delete").click(function(){
    var $this = $(this).parent();
        //Here; **this** is .child
       $this.find("label").hide();
    });
});