Question

下面是div结构。如何在javascript中的_1item内找到ID为categoryFurniture的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

Answer 2

这会将3作为计数

返回给您

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

或

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

编辑：

根据您的问题更新，您需要将_1furniture替换为_1item

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

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

2 个答案: