以该父项为目标'；s儿童仅限香草JavaScript

我有多个家长在同一页上拥有同一个班级

（.wowParent）

。在我当前的代码中，它不仅针对当前家长的孩子，还针对其他

（.wowParent）

。。。我需要它在Vanilla JavaScript中只在当前父级的子级上添加延迟，但我不知道如何做

这里有一个更好的解释这个问题

<div class="wowParent">
    <div class="wow"></div>
    <div></div>
    <div></div>
    <div class="wow"></div>
    <div class="wow"></div>
    <div class="wow"></div>
</div>

以下是我当前的代码：

// delay the next element by 100ms
var delay = 0;
const array = document.querySelectorAll(".wowParent .wow");
for (let index = 0; index < array.length; index++) {
    delay = delay + 100; // delay by 100ms
    index += 0;
    // reset loop every 4
    if(index % 4 == 0) { delay = 0; }
    array[index].style.setProperty('--delay', delay + "ms");
}

//将下一个元素延迟100ms
var延迟=0；
常量数组=document.queryselectoral（“.wowParent.wow”）；
for（让index=0；index

也许这个嵌套循环满足了您的需要

document.querySelectorAll(".wowParent").forEach(parent => {
  parent.querySelectorAll(".wow").forEach((child, index) => {
    const delay = (index % 4) * 1000;
    child.style.setProperty('--delay', delay + "ms");
  });
});

---

当前父级的子级。。。每个

.wow

都是单个

.wowParent

的孩子-那么，“当前”家长是什么？在您的示例中，您只显示一个

wowParent

，因此显示的所有

.wow

都共享一个（当前）不理解您的“延迟”语言的家长。新内容？可能代码需要迭代所有

.wowParent

，在这个循环中，它可以迭代

.wowParent

中的

.wow

。。。所以，一个嵌套的loop@GetSet ... 延迟将是0，100，200，300，0，100，200，300等等-虽然这是一个时髦的方式做它。。。

索引+=0

基本上是不可操作的，实际上

延迟=（索引%4）*100

-但是为什么在一行中做在3中可以做的事情：p@JaromandaX我已经创建了一个提琴。这项更改肯定需要进行，以便对

.wow

div而不是

.wowParent

div进行样式更改，但我从OP的措辞中猜测，他们想要一种方法来限制

document.querySelectorAll（“.wowParent”）

的结果，只返回“当前”

。wowParent

div…不管是什么means@awarrier99-我估计每个家长的

延迟
周期从0开始？真的，我只是发布了一个答案，因为评论没有得到任何结果：哈哈，是的，老实说，你的猜测和我的一样好@Apache349089您能详细说明“当前”家长是什么吗？它可能是一个元素，你点击或悬停在它上面，给它一个你所指的“当前”状态吗？我的意思是：哦，这对@Apache349089有帮助吗？我的代码有一个输入错误，所以现在应该可以了