Javascript 计算父div中的子项,并通过单击按钮直到最后一个子项来删除每个子项

Javascript 计算父div中的子项,并通过单击按钮直到最后一个子项来删除每个子项,javascript,jquery,html,bootstrap-4,Javascript,Jquery,Html,Bootstrap 4,我正在努力删除子div,除了具有相同类的每个父div中的最后一个之外,我的代码结构如下,使用Java脚本删除子div name repeating div: $('.repeatable')。在('click','上。关闭repeating div',函数(e){ e、 预防默认值(); var countdiv=$('.repeatable').children('.repeating div').length; 如果(countdiv>1){ $(this).closest('.repea

我正在努力删除子div,除了具有相同类的每个父div中的最后一个之外,我的代码结构如下,使用Java脚本删除子div name repeating div:

$('.repeatable')。在('click','上。关闭repeating div',函数(e){
e、 预防默认值();
var countdiv=$('.repeatable').children('.repeating div').length;
如果(countdiv>1){
$(this).closest('.repeating div').remove();
}
});

您需要指定您仅在当前
中搜索。可重复的

 var countdiv = $(this).closest('.repeatable').children('.repeating-div').length;

上面的代码意味着您从触发事件的元素(
.close repeating div
)开始,转到其
.repeatable
父元素,然后只计算该
div
的子元素。

下面的javascript使用了正确的范围:

$('.repeatable')。在('click','上。关闭repeating div',函数(e){
e、 预防默认值();
//`this`是单击的标记
var parent=$(this).closest('.repeatable'),
countdiv=parent.children('.repeating div').length;
如果(countdiv>1){
$(this).closest('.repeating div').remove();
}
});