Jquery只选择div中的第一个ul

Question

ul中有div。我在ul内有另一个li。我只需要选择位于ul内的第一个div。如何在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>

我想仅使用first-li类选择parent。我试过$('.parent > ul')，但这不起作用。和$('.parent ul')但这会同时选择两个ul。我不想使用first-ul课程或其他任何内容。

Answer 1

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

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

ul：首先选择div中的第一个ul作为父级

检查jsfiddle。