javascript - 使用 jquery 定位元素父级

Question

我有以下列表，我需要能够隐藏所有接受类事件中实际关注的内容。

 <Ul>
        <Li>something</li>
          <ul>
           <li>Something</>
           <li>Something</>
          </ul>
        <Li>something</li>
        <Li>something</li>
        <Li>
            <Ul>
                <Li class="active">something</li>
                <Li>omething</li>
            </Ul>
        </li>
        <Li>something</li>
    </Ul>

我需要能够在所有与事件类的底层不相关的 li 上使用 .hide()

结果是

<Ul>
  <Li>something</li>
  <Li>something</li>
  <Li>something</li>
    <Li>
        <Ul>
            <Li class="active">something</li>
            <Li>omething</li>
        </Ul>
    </li>
  <Li>something</li>
 </Ul>

Answer 1

您可以 traverse up the DOM你找到第一级 li 元素和它的 sibling 。如果您只有两个级别，这应该可行:

$('li.active').parent().closest('li').siblings().children('ul').hide();

如果你有两个以上的层次，我建议给根 ul 一个类或 ID:

$('li.active').closest('#root > li').siblings().children('ul').hide();