Jquery yalnızca ilk ul içinde div seç

Question

div'da ul var. Ve li içinde başka bir ul var. div'un içinde bulunan sadece ilk ul'u seçmem gerekiyor. JQuery'de nasıl elde edilir.

İşaretleme.

<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> 

Sadece parent sınıfını kullanarak first-li seçmek istiyor. $('.parent > ul')'u denedim ama bu çalışmıyor. ve $('.parent ul') ancak bu her ikisi de ul'yi seçer. first-ul sınıfını veya herhangi bir şeyi kullanmak istemiyorum. Bunun gibi

Answer 1

Ayrıca aşağıdaki şekilde ilk ul erişebilir Ebeveyn olarak sınıfla div

Bunu denetleyin jsfiddle.

Answer 2

:

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

ul: Önce ilk ul seçecektir

$("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>