Javascript 如何获取删除后剩余的div数?
在我的HTML中有八个Javascript 如何获取删除后剩余的div数?,javascript,html,jquery,Javascript,Html,Jquery,在我的HTML中有八个div。我能够使用jQuery获得div的编号,并将其插入.num div元素 但是,当我通过单击delete按钮删除一个div时,通过jQuery检索的span中的div数不会更新为当前剩余的div数。它仍将显示8 单击按钮后,如何立即获取DOM中剩余的div元素的当前数量 setTimeout(()=>{ 如果($(“.delete div”).length>0){ $(.num span”).html($(.delete div”).length); } }, 10
div
。我能够使用jQuery获得div的编号,并将其插入.num div
元素
但是,当我通过单击delete按钮删除一个div
时,通过jQuery检索的span
中的div数不会更新为当前剩余的div数。它仍将显示8
单击按钮后,如何立即获取DOM中剩余的div
元素的当前数量
setTimeout(()=>{
如果($(“.delete div”).length>0){
$(.num span”).html($(.delete div”).length);
}
}, 100);
$(“按钮”)。单击(函数(){
$(“.delete div:last child”).remove();
})
```
1.
2.
3.
4.
5.
6.
7.
8.
div数:0
删除
问题是因为您使用的是setTimeout()
,它只在指定的延迟后运行一次
对于正在使用的模式,您需要使用setInterval()
,它将以设置的延迟重复运行:
setInterval(()=>{
如果($(“.delete div”).length>0){
$(.num span”).html($(.delete div”).length);
}
}, 100);
$(“按钮”)。单击(函数(){
$(“.delete div:last child”).remove();
})
1.
2.
3.
4.
5.
6.
7.
8.
div数:0
删除