Javascript 通过单击按钮删除其中一个li后更新li的数量

我有许多列表，删除一个li后需要更新它们的总数代码运行良好，但删除li后没有更新，因此如何更新删除一个li后li的总数？ 我花了很长时间才找到解决办法，但我失败了

var totalist=document.getElementById（'total'）；
var deleteBtn=document.getElementsByClassName（'delete'）；
var allList=document.queryselectoral（“.navbar nav li”）；
var removeNotify=函数（e）{
e、 预防默认值（）；
var notifyItem=$（e.delegateTarget）.parent（）；
var html=$（'html'）；
css（'overflowX'，'hidden'）；
notifyItem.addClass（notifyItem.data（'animation-class'）；
notifyItem.bind（'oanimationend animationend webkitAnimationEnd'，function（）{
notifyItem.remove（）；
removeAttr（'style'）；
}); 
};
$（函数（）{
$（'.delete'）。在（'click'，removeNotify）上；
console.log（allList.length-1）；
});
//总李
var myList=document.getElementById（'myList'）；
$（'.delete'）。在（'click'，'li'，函数（ev）{
totalist.innerHTML=allList.length-1
});
.navbar展开lg.navbar导航{
-ms-flex方向：列；
弯曲方向：立柱；
}
.导航滚动条{
位置：相对位置；
z指数：2；
高度：2.75雷姆；
溢出y：隐藏；
}
.nav滚动条.nav{
显示：-ms flexbox；
显示器：flex；
-ms-flex-wrap:nowrap；
柔性包装：nowrap；
垫底：1毫米；
页边顶部：-1px；
溢出-x：自动；
文本对齐：居中；
空白：nowrap；
-webkit溢出滚动：触摸；
}
.导航项目{
文本对齐：左对齐；
左：2rem；
边框底部：1px实心#252629；
填充：1rem2rem；
位置：相对位置；
-webkit转换：.1s所有易入易出；
转换：.1s所有的易入易出；
}
.导航栏导航标题{
字体系列：“蒙达常规”，无衬线；
线高：1.75雷姆；
字母间距：.05rem；
}
.nav项：悬停：非（：第一个子项）{
背景色：#4362B1；
}
.导航项目：悬停p，
.导航项目：悬停日期{
颜色：#e1e2；
}
.nav项目。删除{
显示：块；
宽度：16px；
高度：16px；
线高：15px；
字体大小：粗体；
位置：绝对位置；
顶部：10px；
右：10px；
边界半径：50%；
光标：指针；
背景色：#637cbb；
可见性：隐藏；
-webkit转换：.1s所有易入易出；
转换：.1s所有的易入易出；
}
.nav项目：悬停。删除{
能见度：可见；
}
/*删除动画*/
@-webkit关键帧最小化{
0% {
最大高度：10雷姆；
垫面：1毫米；
垫底：1毫米；
边框宽度：1px；
溢出：隐藏；
}
100% {
最大高度：0；
填充顶部：0；
填充底部：0；
边框宽度：0；
溢出：隐藏；
}
}
@关键帧最小化{
0% {
最大高度：10雷姆；
垫面：1毫米；
垫底：1毫米；
边框宽度：1px；
溢出：隐藏；
}
100% {
最大高度：0；
填充顶部：0；
填充底部：0；
边框宽度：0；
溢出：隐藏；
}
}
.导航栏导航李{
-webkit动画持续时间：.5s；
动画持续时间：.5s；
动画迭代：1；
-webkit动画填充模式：正向；
动画填充模式：正向；
}
.导航栏导航李{
-webkit动画名称：最小化；
动画名称：最小化；
}



通知


测试-1
&时代；


测试-2
&时代；


测试-3
&时代；

在点击功能中查询
所有列表
选择器。var
allList
不会在每次按编码方式单击
delete
时更新

下面是一个快速的方法，让它的工作，因为你喜欢

将totalist.innerHTML=allList.length-1更改为：

$（'.delete'）。在（'click'，函数（ev）上{
totalist.innerHTML=document.querySelectorAll（“.navbar nav li”）。长度-1
});


旁注-您没有从
allList
中排除
.title
列表元素。我不确定这是否是有意的，但只需注意，
totalist
将始终显示1，即使您删除了所有“测试”项…
在点击功能中查询
allList
选择器。var
allList
不会在每次按编码方式单击
delete
时更新

下面是一个快速的方法，让它的工作，因为你喜欢

将totalist.innerHTML=allList.length-1更改为：

$（'.delete'）。在（'click'，函数（ev）上{
totalist.innerHTML=document.querySelectorAll（“.navbar nav li”）。长度-1
});


旁注-您没有从
allList
中排除
.title
列表元素。我不确定这是否是故意的，但要注意的是，
totalist
将始终显示1，即使您删除了所有“测试”项…
您的选择器是向后的。jQuery的意思是。。“在delete类中查找
”我从函数中删除了代码，但仍然无法工作！你的选择器是向后的。jQuery的意思是。。“在delete类中查找
”我从函数中删除了代码，但仍然无法工作！