javascript - 在指定的 div 中按 id 计算 div 的数量 - js

Question

下面是div结构。我如何才能在 javascript 的 categoryFurniture 中找到 ID 为 _1item 的 div 的数量？

我通过谷歌搜索尝试了这个，但没有成功。

document.querySelectorAll('[id^=_1item]').length

div 结构示例:

<div id="categoryFurniture">
   <div id= "xyz_1item"></div>
   <div id= "abc_1item"></div>
   <div id= "xyz_2item"></div>
   <div id= "pqr_1item"></div>
   <div id= "pqr_2item"></div>
</div>

<div id="categoryFruits">
   <div id= "xyz_1item"></div>
   <div id= "abc_2item"></div>
   <div id= "xyz_3item"></div>
   <div id= "pqr_1item"></div>
   <div id= "pqr_3item"></div>
</div>

输出应该是3

Answer 1

您可以使用 querySelectorAll与 id和 attribute ends selector

document.querySelectorAll('#categoryFurniture [id$=_1item]')

然后可以读取上面返回的nodeList的length属性得到计数

演示:Fiddle