如何计算内部有li的ul的跨度

Question

具有这样的代码结构：

<ul class="ulNotif">
<span id="notiftype1"></span>
<span id="notiftype2"></span>
<span id="notiftype3"></span>
</ul>

我向每个范围发送带jquery的li。 如果数据与条件匹配，则每个跨度将为li。

我试图用$(".ulNotif span li").length来计数，但值仍然为0。 如何用javascript计算里面有li的跨度？ 谢谢

Answer 1

@junkfoodjunkie是正确的。 您应该将<li>标记用作<ul>直接后代。 尽管如此，您的代码应如下所示：

$(".ulNotif span li").length

您的<ul>具有.class，而不是#ID

编辑 ：这项工作完全为我找到：返回3

$('.ulNotif span').each((index, child) => {
  $(child).append('<li>')
})

console.log($('.ulNotif span li').length)