Javascript 如何计算ul中包含li的跨度

具有如下代码结构：

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

我向每个span发送了带有jquery的li。如果数据与条件匹配，则每个跨度都有li

我试图用

$（“.ulNotif span li”）.length进行计数，但仍然是0值。
如何使用javascript计算包含li的范围？谢谢
@junkfoodjunkie是正确的。您应该使用
标记作为
的直接后代。尽管如此，您的代码应该如下所示：

$（“.ulNotif span li”）.length

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

编辑：此功能完全适用于我：返回3

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

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

$（'.ulNotif span'）。每个（（索引，子项）=>{
$（子）.append（“
”）
})
console.log（$（'.ulNotif span li'）.length）
@junkfoodjunkie是正确的。您应该使用
标记作为
的直接后代。尽管如此，您的代码应该如下所示：

$（“.ulNotif span li”）.length

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

编辑：此功能完全适用于我：返回3

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

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

$（'.ulNotif span'）。每个（（索引，子项）=>{
$（子）.append（“
”）
})
console.log（$（'.ulNotif span li'）.length）
如何使用有效的HTML？UL中唯一有效的HTML是LI。不是SPAN。它应该是
.ulNotif
，而不是
#ulNotif
，因为它是一个类，不是一个ID。是的，制作一个普通的列表，然后在
中追加
。如果我没有使用SPAN，那么如果其中有3个notif，意味着3个li…那么最高的li将替换另一个li。所以它只是在Notiforry中查看1 li之前，我错过了类型。我是说，如果不是，那么使用有效的HTML怎么样？UL中唯一有效的HTML是LI。不是SPAN。它应该是
.ulNotif
，而不是
#ulNotif
，因为它是一个类，不是一个ID。是的，制作一个普通的列表，然后在
中追加
。如果我没有使用SPAN，那么如果其中有3个notif，意味着3个li…那么最高的li将替换另一个li。所以它只是在Notiforry中查看1 li之前，我错过了类型。我的意思是，如果没有，如果没有，对不起，我错过了打字……我的意思是我按照你说的那样做了：这对我不起作用。。我调用2 ajax以获得2种类型的通知，该通知将存储在span@user2236102中。那么，您需要为此提供代码。你的问题已经得到了回答；如果有更复杂的事情发生，请分享。对不起，我错过了打字…我的意思是我确实像你说的那样：Dit对我不起作用。。我调用2 ajax以获得2种类型的通知，该通知将存储在span@user2236102中。那么，您需要为此提供代码。你的问题已经得到了回答；如果有更复杂的事情，请分享。