Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在单击delete按钮时删除基于特定类名的div_Javascript_Jquery_Mongoose - Fatal编程技术网

Javascript 如何在单击delete按钮时删除基于特定类名的div

Javascript 如何在单击delete按钮时删除基于特定类名的div,javascript,jquery,mongoose,Javascript,Jquery,Mongoose,我正在使用下面的mongoose从数据库中检索数据 模式作为{name:String,image:String} 存储在mongodb中,作为{u id:327asgjgasjfg7,名称:String,图像:String} 每次我输入一些数据形成表单时,它都会动态存储在数据库中,下面是我根据数据库中的数据创建缩略图的代码 我已经添加了一个删除按钮包装到标题和图像,我想在点击按钮时用class=“col-lg-3”删除整个div。我不想从数据库中删除我已经删除的数据。 保证您的解决方案是$(

我正在使用下面的
mongoose
数据库中检索数据

模式作为
{name:String,image:String}

存储在
mongodb
中,作为
{u id:327asgjgasjfg7,名称:String,图像:String}

每次我输入一些数据形成表单时,它都会动态存储在数据库中,下面是我根据数据库中的数据创建缩略图的代码

我已经添加了一个删除
按钮
包装到
标题
图像
,我想在点击按钮时用class=“col-lg-3”删除整个div。我不想从数据库中删除我已经删除的数据。



保证您的解决方案是
$(this).最接近('.col-lg-3')。删除()
成功了。`

添加呈现的HTML并包括所有相关的代码使用
$(“.col-lg-3”)。删除()删除应用了类
col-lg-3
的所有div。但是我建议按id删除div元素,比如
$(“#camp_id”).remove()
现在我已经在gdriveuse
$(this.closest('.col-lg-3').remove()上添加了完整的项目文件它工作了吗
<div class="container text:center" style="display: flex ; flex-wrap: wrap">
  <div class="row">
    <% for(var i=0;i<data.length;i++){ %> 
      <div class="col-lg-3" id=<%data[i].id%> >  <!-- here we created column with camp_id  -->  
         <div class="img-thumbnail">
           <img  src=<%= data[i].image %>>
             <div class="caption">
               <h4><%= data[i].name %></h4>
             </div>
             <div class="Remove">
               <a href="/<%=data[i].id%>" type="button" class="rmv_btn btn btn-primary">Remove </a>
             </div>
           </div>
         </div>
      <% } %>
   </div>