添加类以指示后代ul元素

Question

我需要在仅第一个ul.navigation__nav__子菜单中添加一个类，而不是第二个级别ul.navigation__nav__submenu。我怎样才能做到这一点？ 我的HTML代码是：

<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>

我创造了一个尝试的小提琴：https://jsfiddle.net/ginalolli/t60rLcve/

Answer 1

试试此代码

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

更新了小提琴：https://jsfiddle.net/t60rLcve/1/