Jquery只选择div中的第一个ul

Question

我在div有一个ul 。 而且我还有一个ul内li 。 我只需要选择位于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：首先选择div中的第一个ul作为父级

检查这个jsfiddle 。

Answer 2

像这样：

 $("div > ul").addClass('selected'); 

 ul:not(.selected) { display: none; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <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>