Mam taki problem w jquery mam kod, który mi usuwa drzewa dom nadrzędne

       $(document).on('click', '.drugsss' + i, function() {
           
           $(this).parents('.drugs'+i).remove();
             
       });

I teraz jak mam tabelę to wszystko było dobrze, ale jak dałem diva zamiast tabeli to nie usuwa może dam kod

Jest sobie widok```html

                    <div class="drugss{{$i}} center " style='width: 80%;'>
                        <form id='addDrugssss{{$i}}}' method='get'>
                            
                            
                        </form>
                    </div>
                </td>

```html
 <td>
     
                        <button onclick="addDrugs({{$i}})" class="btn btn-primary">Dodaj leki</button>
                       
                    </td>

I teraz w momencie kliknięcia dodaj leki pojawia się jedno pole do wpisania leku, ale użytkownik może dodać do pojedyńczego wpisu których na stroniue może być nawe 10 może dodać do teho wpisu ile leków chceę i teraz jak się kliknie na dodaj leki

function addDrugs(i = null) {
    if (i == null) {
        $(".drugss").append("<table class='table addMood drugs' id=\"drug_\"><tr><td width='50%'>Nazwa leku </td><td><input type='text' name='name[]' class='form-control'></td></tr><tr><td width='50%' rowspan=\"2\"><br>Dawka leku </td><td><input type='text' name='dose[]' class='form-control'></td></tr><tr>    <td>                <select name='type[]' class='form-control form-control-lg'><option value='1'>Mg</option><option value='2'>Militry</option><option value='3'>Ilości</option></select></td></tr><tr><td rowspan='2'><br>Data wzięcia</td><td><input type='date' name='date[]' class='form-control'></td></tr><tr><td><input type='time' name='time[]' class='form-control'></td></tr><tr>                                                            <td colspan=\"2\"><div class=\"center\"><input type=\"button\" onclick='deleteDrugs()'  value=\"Usuń lek\" class=\"btn btn-primary drugsss\"></div></td></tr></table>").html();
    }
    else {
        //alert("dobrze");
        var bool = false;
        if ($(".drugss"+i).text() == "") {
            bool = true;
        }
        var drugs = "drugs"+i;
        //var drugsss = 12;
        /*
        if (drugsss == "") {
           // drugsss[i][0] = 1;
        }
        else {
            //drugsss[i][0]++;
        }
        */
        //alert("do");
        
        //    alert($(".drugss"+i).text());
        //}
        $(".drugss"+i).append("<div class='addDrugssss '" + drugs  + "' id=\"drug_\"><div class=tr><div class='td'>Nazwa leku</div><div class='td'><input type='text' name='name[]' class='form-control'></div></div><div class=newline></div><div class=tr><div class='td'><br>Dawka leku</div><div class='td'><input type='text' name='dose[]' class='form-control'><br><select name=type class='form-control'><option value='1'>Mg</option><option value='2'>Militry</option><option value='3'>Ilości</option></select></div></div><div class='newline'></div><div class=tr><div class='td'><br>Dawka leku</div><div class='td'><input type='date' name='date[]' class='form-control'><br><input type='time' name='time[]' class='form-control'>             </div></div>      <div class='newline'></div><div class='tr'><div class='td center'><input type='button' value='Usuń wpis' onclick='deleteDrugs(true," + i + ")' class='btn btn-primary'></div></div>           </div>").html();
        //$(".drugss"+i).append("<table class='" + drugs  + "' id=\"drug_\"><tr><td  class='white' width='100%'>Nazwa leku </td><td><input type='text' name='name[]' class='form-control'></td></tr><tr><td width='70%' rowspan=\"2\"  class='white'><br>Dawka leku </td><td><input type='text' name='dose[]' class='form-control'></td></tr><tr>    <td>                <select name='type[]' class='form-control form-control-lg'><option value='1'>Mg</option><option value='2'>Militry</option><option value='3'>Ilości</option></select></td></tr><tr><td rowspan='2'  class='white'><br>Data wzięcia</td><td><input type='date' name='date[]' class='form-control'></td></tr><tr><td><input type='time' name='time[]' class='form-control'></td></tr><tr>                                                            <td colspan=\"2\"><div class=\"center\"><input type=\"button\" onclick='deleteDrugs(true," + i + ")'  value=\"Usuń lek\" class=\"btn btn-primary drugsss" + i + "\"></div></td></tr></table>").html();
        
        //$(".drugss"+i).append("asdsad").html();        
        
        //if (bool == true ) {
            $(".drugsss"+i).html("<table class='  drugs' " + i + " id=\"drug_\"><tr><td width='50%'>Zapisz leki</td></tr></table>");
        //}

    }
}                                  

To się na stronie pojawia taki kod class='addDrugssss '" + drugs + "' id="drug_">

Nazwa leku
<input type="text" name="name[]" class="form-control">
<div itp..
I teraz w momencie kliknięcia usuń lek ma usuwać pojedyńcze pole do wpisywania leku, ale tego nie robi, a w przypadku tabeli robiło
Bo ta funkcja jest odpowiedzialna za to usuwanie</p>
function deleteDrugs(bool = false,i=0) {
     if (bool == false) {
       $(document).on('click', '.drugsss', function() {
           $(this).parents('.drugs').remove();
           
       });
     }
     else {
         //alert(i);

        $(".drugs"+i).remove();
//       $(document).on('click', '.drugsss' + i, function() {
           
  //         $(this).parents('.drugs'+i).remove();
             
    //   });
       /*
            if ($(".drugss"+i).text() != "") {
             //$(".drugsss"+i).remove();
             alert(drugsss[i][0]);
       }
       */
       //alert($(".drugss"+i).text());
       //alert("ss");
        alert(i);
        if (($(".drugss"+i).text() != "")) {
            //$(".drugsss"+i).text("");
//            $(".drugss"+i).remove();
        }
        else {
            //$(".drugss").append("<table class='table addMood drugs' id=\"drug_\"><tr><td width='50%'>Nazwa leku </td><td><input type='text' name='name[]' class='form-control'></td></tr><tr><td width='50%' rowspan=\"2\"><br>Dawka leku </td><td><input type='text' name='dose[]' class='form-control'></td></tr><tr>    <td>                <select name='type[]' class='form-control form-control-lg'><option value='1'>Mg</option><option value='2'>Militry</option><option value='3'>Ilości</option></select></td></tr><tr><td rowspan='2'><br>Data wzięcia</td><td><input type='date' name='date[]' class='form-control'></td></tr><tr><td><input type='time' name='time[]' class='form-control'></td></tr><tr>                                                            <td colspan=\"2\"><div class=\"center\"><input type=\"button\" onclick='deleteDrugs()'  value=\"Usuń lek\" class=\"btn btn-primary drugsss\"></div></td></tr></table>").html();
        }
     }
}