我在页面上有一堆 div,它们具有“数据类型”的自定义数据属性
<div id="155544" data-type="form" data-form-id="155544">
<div data-type="question" data-question-id="119709" data-mandatory="True"></div>
<div data-type="question" data-question-id="119710" data-mandatory="True"></div>
</div>
<div id="155554" data-type="form" data-form-id="155554">
<div data-type="question" data-question-id="119711" data-mandatory="True"></div>
<div data-type="question" data-question-id="119712" data-mandatory="True"></div>
</div>
基本上就是这些代码,我只是删除了实际内容以避免混淆。
我想使用 Javascript 找出有多少 div 具有“表单”数据类型,以便我对它们执行某些操作。
我找到了这个 Hide or show all divs for a certain value of a data attribute这与我想做的类似,只是我试图不使用 jQuery。
有什么解决办法吗?
编辑:我还应该提到我试图不直接使用 div“id”,因为它们是动态创建的
最佳答案
如果不使用 JQuery,您可以使用 querySelectorAll
elementList = document.querySelectorAll('div[data-type="form"]');
Demonstration (打印他们的号码)
关于javascript - 如何使用 Javascript 创建具有特定自定义数据属性的 div 数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12821021/