Как выбрать первое появление в каждом div?

Question

Моя структура выглядит следующим образом:

<div id="container"> 
    <div class="row"> 
     <div class="col-lg-3"> <!-- select --> 
      <div class="row"> 
       <div class="col-lg-3"> 
        <div class="row"> 
         <div class="col-lg-3"> 

         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-lg-3"> <!-- select --> 
      <div class="row"> 
       <div class="col-lg-3"> 
        <div class="row"> 
         <div class="col-lg-3"> 

         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-lg-3"> <!-- select --> 
      <div class="row"> 
       <div class="col-lg-3"> 
        <div class="row"> 
         <div class="col-lg-3"> 

         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

В контейнере нужно выбрать каждый первые строки первого col-lg-3. Можно ли использовать селектора jQuery, или я должен зацикливать каждую строку?

Answer 1

Вы должны использовать parent > child селектор:

$('#container > .row > .col-lg-3')