javascript - 在 Wordpress 中向菜单项添加类

Question

我有带有项目的菜单。我想添加到名称为“name”的标签类。我尝试使用：

var element = document.getElementById('myElement');
element.classList.add('myClass');

但该标签没有任何 ID 或类别。

甚至可以使用Javascript？

<ul id="menu-main">
   <li id="menu-item">
      <a href="#">ODKAZ</a>
   </li>
</ul>

标签： javascriptwordpress

Answer 1

如果要为所有菜单项锚标记添加类，可以使用下面的代码。如果没有，请使用 Esko 在他的回答和评论中提出的建议。

var menuItemLinks = document.querySelectorAll("#menu-main li a");

menuItemLinks.forEach(function(element) {
  element.classList.add("myClass");
});

<ul id="menu-main">
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
</ul>