Question

我有一个导航菜单。我想将一个类添加到<ul>标记为.container，但仅当该元素具有类“megamenu”时才这样做。我怎样才能实现它？因为我只有一个下拉菜单作为“超级菜单”。

提前致谢。

Answer 1

您可以在需要时使用className使用纯Javascript尝试下面的代码，否则使用jQuery可以轻松地执行相同操作。

//lets find the element with that class.
var menu = document.querySelectorAll('.megamenu');  

// lets verify only one menu with '.megamenu'
if(menu.length == 1)
{
  //set the class
  menu[0].className = " " + "anotherClassName";
}

<强>更新

我们需要将该课程应用于megamenu

的孩子

// lets verify only one menu with '.megamenu'
if(menu.length == 1)
{
  // set the class to the child '.container'
  // I'm expecting only one '.container' inside megamenu
  // if you have multiple and want apply for all use .querySelectorAll
  menu[0].querySelector('.container').className = " " + "anotherClassName";
}

如何使用JS将类添加到子元素

1 个答案: