javascript - Jquery 只选择 div 中的第一个 ul

Question

我在 div 中有一个 ul。我在 li 中还有另一个 ul。我只需要选择位于 div 内的第一个 ul。如何在 jquery 中实现这一点。

标记。

<div class="parent">
  <div class="clearfix">
    <div class="another-div">
      <ul class="first-ul">
        <li>First</li>
        <li>Second</li>
        <li>Third</li>
        <li>Fourth</li>
        <li>Fifth</li>
        <li>
          <ul class="second-ul">
            <li>First</li>
            <li>Second</li>
            <li>Third</li>
            <li>Fourth</li>
            <li>Fifth</li>
          </ul>        
        </li>
      </ul>
    </div>
  </div>
</div>

我想选择仅使用 parent 类的 first-li。我试过 $('.parent > ul') 但这不起作用。和 $('.parent ul') 但这同时选择了 ul。我不想使用 first-ul 类或任何东西。

Answer 1

也可以通过以下方式访问第一个ul:

$('.parent ul:first li:first').css('color', 'blue');

ul:first 会选择 div 中第一个 ul 类作为父类

检查这个jsfiddle .