循环遍历元素并检查vanilla javascript中类的子级

循环遍历元素并检查vanilla javascript中类的子级,javascript,Javascript,我试图对具有相同类的元素进行迭代,以查看在特定元素中按钮是否具有特定类。我理解如何在jQuery中实现这一点,但是该项目没有jQuery,所以这必须使用vanilla JS来实现……我对它不太熟悉 let boardItems = document.getElementsByClassName("item--product"); for (let i = 0; i < boardItems.length; i++) { if(boardItems.child

我试图对具有相同类的元素进行迭代,以查看在特定元素中按钮是否具有特定类。我理解如何在jQuery中实现这一点,但是该项目没有jQuery,所以这必须使用vanilla JS来实现……我对它不太熟悉

    let boardItems = document.getElementsByClassName("item--product");
    for (let i = 0; i < boardItems.length; i++) {
        if(boardItems.children.classList.contains('board-item-selected')){
            console.log(i);
        }
    }
让boardItems=document.getElementsByClassName(“item--product”);
for(设i=0;i

我想得到的是每个包含子类的项的索引号。

您访问的是整个列表,而不是数组


尝试将第3行更改为
if(boardItems[i].classList.contains('board-item-selected'){
HTMLCollection
转换为
HTMLElement
的数组,并解析每个元素的类列表。
让htmlCollection=document.getElementsByClassName(“项--产品”);
让数组=[].slice.call(htmlCollection)
for(设i=0;i


<代码> > NODLIST < /代码>,不是<代码>节点>代码>。它没有<代码>类列表< /代码>。考虑使用:例如“代码> BoADeTask.Faster((item)= > item .CaseList..包含(“板项选择”)).((项)= >控制台.日志(项));
.Um…如果这是关于按类或其他方式从嵌套按钮收集元素(不确定目标不清楚)--你不认为HTML也应该包括在内。请阅读如何创建一个。如果我不清楚,很抱歉。我试图实现的是,如果有5个项目具有相同的类,我想知道这5个项目中的哪一个有一个具有特定类的子div。是1和3,2和5,只是4…1 2 3 4 5?可能重复@user1568811 HTML发帖。我拒绝阅读运球——正确地呈现代码比没完没了地谈论没有真实背景的事情要好。谢谢道尔顿。这正是我想要的。谢谢你的帮助。