javascript - 如何使用 Javascript 创建具有特定自定义数据属性的 div 数组

标签 javascript html

我在页面上有一堆 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/

相关文章:

javascript - PhoneGap 中的 Cookie header : Refused to set unsafe header "Cookie"

javascript - 点击事件未附加到按钮

html - 在ios7中以html表格格式导出数据并制作电子邮件正文

Python与美汤: Extract data from a specific set of list in unordered list category

javascript - Vivus.js 脚本不会在 WordPress 中执行

javascript - vanilla js 与 jQuery ajax 调用

jquery - $(window).scroll() 循环,由于没有变量

html - 没有滑动的垂直菜单

javascript - GetElementByClass 另一个元素中的元素

html - 列表样式图像在 .accordion .accordion-title 中未正确应用