我想实现的结果是，每个ul应该有不同的/动态类名，并且它应该是唯一的。下面是我的代码，但它没有按照预期工作。

我希望得到解决这个问题的指导。如有任何帮助，不胜感激！

提前致谢。

---

顺晟科技：

这是实现所需目标的最简单方法

document
  .querySelectorAll(".main-nav > .main-nav-list")
  .forEach((element) => {
    element.setAttribute("class", `${element.className} hasChild top`);
    element.querySelectorAll("li > ul").forEach((subElement) => {
      subElement.setAttribute("class", `${subElement.className} hasChild sub`);
    });
  });

这对我有效。

如果只想更改ULs，可以这样做

注意[…spread]是可选的。旧的Edge浏览器不支持NodeList上的forEach

现在在下面的片段中，如果您检查，您可以看到所有的UL都有一个唯一的类名。我在范围内创建了一个随机数，并在其后面附加了一个字符串，作为类名