Klasse zum direkten Abkömmling hinzufügen ul Element

Question

Ich muss nur das erste ul.navigation__nav__submenu hinzufügen und nicht die zweite Ebene ul.navigation__nav__submenu. Wie kann ich das machen? Mein HTML-Code ist:

<ul class="navigation__nav__list"> 
    <li> 
    <a href="/" title="Products">Products</a> 
    <ul class="navigation__nav__submenu"> 
     <li> 
     <a href="/">Smart charging stations</a> 
     <ul class="navigation__nav__submenu"> 
      <li> 
      <a href="/">First</a> 
      </li> 
      <li> 
      <a href="/">Second</a> 
      </li> 
     </ul> 
     </li> 
    </ul> 

ich eine Geige mit einem Versuch erstellt: https://jsfiddle.net/ginalolli/t60rLcve/

Answer 1

diesen Code Versuchen

$('.navigation__nav__submenu:first').addClass('demo-only'); 

Aktualisiert Geige: https://jsfiddle.net/t60rLcve/1/