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

Question

有这样的代码结构：

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

我发送li和jquery到每个跨度。如果数据与条件匹配，则每个范围都有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)