javascript - 使用jquery添加一个单独的类来列出项目父级？

Question

我有一个具有不同深度级别的列表:

<ul id="top-level" class="top-level">
  <li>Item 1</li>
  <li>Item 2
    <ul class="sub-menu">
      <li>Sub item 1</li>
      <li>Sub item 2</li>
      <li>Sub item 3
        <ul class="sub-menu">
          <li>Subsub item 1</li>
          <li>Subsub item 2</li>
        </ul>
      </li>
      <li>Sub item 4</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

我正在使用以下 jquery 脚本向父级添加一个类:

$("ul li ul").parent().addClass("menuparent");

有没有办法仅将此类添加到顶级父li's，并为所有其他(更深)父li's添加不同的类？

Answer 1

只需使用顶级 ul 中的 > 选择器即可。

基于您当前的选择器:

$("ul.top-level > li > ul").parent().addClass("menuparent");

或者仅适用于li:

$("ul.top-level > li").parent().addClass("menuparent");