Javascript 按id计算指定div-js中的div数

下面是div结构。如何在javascript中的

categoryFurniture

中找到id为

\u 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，可与和一起使用

然后，您可以读取上面返回的节点列表的

length

属性以获取计数

---

演示：

这将返回您作为计数的

3

document.querySelector("#categoryFurniture").querySelectorAll('[id$=_1furniture]').length

或

编辑：

根据您对问题的更新，您需要将

\u 1furniture

替换为

\u 1item

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

---

也许可以将#categoryFurniture添加到选择器中？请尝试$=而不是^=.$=means以结束，而^=means以开始这是您的实际HTML标记吗？还是你忘了把

id

添加到所有那些div？（顺便说一句，这是不好的做法）。为什么要添加jquery来查询两个元素？document.queryselectoral（“[id$=\u 1furniture]”）。length如果我想要

\u 1item

和

\u 2item

的计数，我将如何获得计数

document.querySelectorAll（“#categoryFurniture[id$=\U 1item，id$=\U 2item]”）

？@Beki在这种情况下

document.querySelector（“#categoryFurniture”）.querySelectorAll（“[id$=”\U 1item“]，[id$=”\U 2item“]）

@Beki或

document.getElementById（'categoryFurniture'）。querySelectorAll（“[id$=”，[id$”）。]

如果我需要

\u 1item

和

\u 2item

的计数，我将如何获得计数<代码>文档.querySelectorAll（“#categoryFurniture[id$=\U 1项目，id$=\U 2项目]）。长度？

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

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