JSを使用してサブ要素にクラスを追加する方法

Question

ナビゲーションメニューがあります。私は<ul>タグにクラスを.containerとして追加したいが、その要素がたとえば "megamenu"というクラスを持っている場合にのみ追加する。どうすれば達成できますか？私は "メガメニュー"として1つだけのドロップダウンを持っているので。

ありがとうございます。

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"; 
}