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”)。删除()使用jQuery中的code>删除应用了类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>