Как отслеживать идентификаторы строк таблиц, созданных путем установки флажка, когда они могут быть удалены случайным образом

var m=0;
var tablemap=new Map();
var booleantable=[];
var keepingvalueofsubtable=[];
$(document).ready(function()
{  var array_items=[];


var obj=$("input:checkbox:not(:checked)");

console.info(obj[0]["id"]);
for (var i = 0, l = obj.length; i < l; i++) {
   $("#"+obj[i]['id']+"form").hide();

   tablemap[i]=obj[i]['id'];
   booleantable[i]=0;
    keepingvalueofsubtable[i] = [];

}

    ;  


$(".checkbox").change(function() {
    if (this.checked) {
        //Do stuff
    }
});


$('.frameopener').on('change', function(){
    {
       
           var formid=$(this).attr("id");
 
       
   
  $("#" + formid + "form").toggle();
    

}
});


 




 $('.c').click(function () {
       
 var m=$(this).attr('data-value');
 
    


    


booleantable[m]=booleantable[m]+1;

var html='<div class = "div-table-row">';
             html+='<div class = "div-table-col" id = "zerofirst" contenteditable = "true"></div>';
               html+='<div class = "div-table-col" id = "ZeroSecond" contenteditable = "true"></div>';
                html+='<div class = "div-table-col" id = "one" contenteditable = "true">0</div>';
                html+='<div class = "div-table-col" id = "two" contenteditable = "true">0</div>';
               html+=' <div class = "div-table-col" id = "three" >0</div>';
              
               
              html+=' <div class = "div-table-col"><center><div  class = "del" aria-hidden = "true"  data-value = "0"  ><i class = "fas fa-trash delete" ></i></div></center></div>';

               html+='</center></div>';
  

$("#"+tablemap[m]+"form").append(html);
alert(html);
html = "";


});



 $(document).on('click','.del',function(){


alert();

//alert($(this).attr('data-value').value());
alert($(this).attr("id"));
//const slug = str.substring(str.indexOf('-') + 1);
  
//alert(slug);

  } );
 



});

 {
   margin:0;
   padding:0;
   background-color:#f1f1f1;
  }
  .box
  {
   width:1270px;
   padding:20px;
   background-color:#fff;
   border:1px solid #ccc;
   border-radius:5px;
   margin-top:25px;
   box-sizing:border-box;
  }

.div-table {
  display: table;         
  width: auto;         
  background-color: #eee;         
  border: 1px solid #666666;         
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 200px;         
  background-color: #ccc;  
}
.bttn{
width:100px;
height:10px;
}

<link href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel = "stylesheet"/>
<script src = "https://kit.fontawesome.com/e22ff3c413.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
 <div class = "table-responsive"><table  class = "table"><tbody>
 
<tr><center> <legend>Choose your Block Items</legend><center><tr></tr><tr>
 
  <td>
    <input type = "checkbox" class = "frameopener" id = "mobilisation" ></td><td>Mobilisation
  </td>
 
  <td>
    <input type = "checkbox" class = "frameopener" id = "demolition" ></td><td>Demolition
  </td>
 
  <td>
    <input type = "checkbox" class = "frameopener" id = "substructure" ></td><td>Sub Structure
  </td>
 
  <td>
    <input type = "checkbox" class = "frameopener" id = "superstructure" ></td><td>Super Structure
  </td></tr>
 </tbody></table></div>
<form id = "mobilisationform">
      <div class = "div-table" id = "mobilisation">
             <div class = "div-table-row">
                <div class = "div-table-col" align = "center">Mobilisation</div>
                <div  class = "div-table-col">Unit</div>
                <div  class = "div-table-col">Quantity</div>
                <div  class = "div-table-col">Rate</div>
                <div  class = "div-table-col">Amount</div>
                 <div  class = "div-table-col"><center><div  aria-hidden = "true" class = "c" id = "addmobilisation" data-value = "0"  ><center><i class = "fas fa-plus"></i></center></div><center></div>
                
              
             </div>
            <div class = "div-table-row">
                 <div class = "div-table-col" id = "zerofirst" contenteditable = "true"></div>
                <div class = "div-table-col" id = "ZeroSecond" contenteditable = "true"></div>
                  <div class = "div-table-col" id = "one" contenteditable = "true">0</div>
                <div class = "div-table-col" id = "two" contenteditable = "true">0</div>
                <div class = "div-table-col" id = "three" >0</div>
                 <div class = "div-table-col"><center><div   aria-hidden = "true" class = "del" id = "delete-0" data-value = "0"  ><i class = "fas fa-trash delete" ></i></div></center></div>
            </div>

      </div>
  </form>


<form id = "demolitionform">
      <div class = "div-table" id = "demolition">
             <div class = "div-table-row">
                <div class = "div-table-col" align = "center">Demolition</div>
                <div  class = "div-table-col">Unit</div>
                <div  class = "div-table-col">Quantity</div>
                <div  class = "div-table-col">Rate</div>
                <div  class = "div-table-col">Amount</div>
                 <div  class = "div-table-col"><center><div  aria-hidden = "true" class = "c" id = "adddemolition" data-value = "1"  ><center><i class = "fas fa-plus"></i></center></div><center></div>
                
              
             </div>
            <div class = "div-table-row">
                 <div class = "div-table-col" id = "zerofirst" contenteditable = "true"></div>
                <div class = "div-table-col" id = "ZeroSecond" contenteditable = "true"></div>
                  <div class = "div-table-col" id = "one" contenteditable = "true">0</div>
                <div class = "div-table-col" id = "two" contenteditable = "true">0</div>
                <div class = "div-table-col" id = "three" >0</div>
                 <div class = "div-table-col"><center><div   aria-hidden = "true" class = "del" id = "delete-1" data-value = "0"  ><i class = "fas fa-trash delete" ></i></div></center></div>
            </div>

      </div>
  </form>


<form id = "substructureform">
      <div class = "div-table" id = "substructure">
             <div class = "div-table-row">
                <div class = "div-table-col" align = "center">Sub Structure</div>
                <div  class = "div-table-col">Unit</div>
                <div  class = "div-table-col">Quantity</div>
                <div  class = "div-table-col">Rate</div>
                <div  class = "div-table-col">Amount</div>
                 <div  class = "div-table-col"><center><div  aria-hidden = "true" class = "c" id = "addsubstructure" data-value = "2"  ><center><i class = "fas fa-plus"></i></center></div><center></div>
                
              
             </div>
            <div class = "div-table-row">
                 <div class = "div-table-col" id = "zerofirst" contenteditable = "true"></div>
                <div class = "div-table-col" id = "ZeroSecond" contenteditable = "true"></div>
                  <div class = "div-table-col" id = "one" contenteditable = "true">0</div>
                <div class = "div-table-col" id = "two" contenteditable = "true">0</div>
                <div class = "div-table-col" id = "three" >0</div>
                 <div class = "div-table-col"><center><div   aria-hidden = "true" class = "del" id = "delete-2" data-value = "0"  ><i class = "fas fa-trash delete" ></i></div></center></div>
            </div>

      </div>
  </form>


<form id = "superstructureform">
      <div class = "div-table" id = "superstructure">
             <div class = "div-table-row">
                <div class = "div-table-col" align = "center">Super Structure</div>
                <div  class = "div-table-col">Unit</div>
                <div  class = "div-table-col">Quantity</div>
                <div  class = "div-table-col">Rate</div>
                <div  class = "div-table-col">Amount</div>
                 <div  class = "div-table-col"><center><div  aria-hidden = "true" class = "c" id = "addsuperstructure" data-value = "3"  ><center><i class = "fas fa-plus"></i></center></div><center></div>