Jquery - 클래스 내의 클래스로 DIV 텍스트 얻기

Question

다음은 Grid에 내 Headers 코드입니다. div 클래스 ui-grid-cell-contents을 반복하고 모든 열 머리글 &을 Array 객체에 저장하려면 클래스 ui-grid-header-cell 내에 있습니다.

<div class="ui-grid-header-cell clearfix ng-scope ng-isolate-scope ui-grid-coluiGrid-002"> 
    <div class="ng-scope sortable"> 
     <div class="ui-grid-vertical-bar">&nbsp;</div> 
     <div class="ui-grid-cell-contents ng-binding" col-index="renderIndex"> 
      Code <span ui-grid-visible="col.sort.direction" ng-class="{ 'ui-grid-icon-up-dir': col.sort.direction == asc, 'ui-grid-icon-down-dir': col.sort.direction == desc, 'ui-grid-icon-blank': !col.sort.direction }" class="ui-grid-icon-up-dir">&nbsp;</span> 
     </div> 
     <div class="ui-grid-column-menu-button ng-scope" ng-if="grid.options.enableColumnMenus &amp;&amp; !col.isRowHeader &amp;&amp; col.colDef.enableColumnMenu !== false" ng-click="toggleMenu($event)"><i class="ui-grid-icon-angle-down">&nbsp;</i></div> 
    </div> 
</div> 

<div class="ui-grid-header-cell clearfix ng-scope ng-isolate-scope ui-grid-coluiGrid-002"> 
    <div class="ng-scope sortable"> 
     <div class="ui-grid-vertical-bar">&nbsp;</div> 
     <div class="ui-grid-cell-contents ng-binding" col-index="renderIndex"> 
      EMPLOYEE NAME<span ui-grid-visible="col.sort.direction" ng-class="{ 'ui-grid-icon-up-dir': col.sort.direction == asc, 'ui-grid-icon-down-dir': col.sort.direction == desc, 'ui-grid-icon-blank': !col.sort.direction }" class="ui-grid-icon-up-dir">&nbsp;</span> 
     </div> 
     <div class="ui-grid-column-menu-button ng-scope" ng-if="grid.options.enableColumnMenus &amp;&amp; !col.isRowHeader &amp;&amp; col.colDef.enableColumnMenu !== false" ng-click="toggleMenu($event)"><i class="ui-grid-icon-angle-down">&nbsp;</i></div> 
    </div> 
</div> 

....... 

나는이 시도 : -

jq(".ui-grid-header-cell > .ui-grid-cell-contents").each(function (index, element) { 
        console.log(element);   
       }); 

가 예상되는 결과를 제공하지 않습니다.

Answer 1

.ui-grid-cell-contents 요소는 자식이기는하지만 .ui-grid-header-cell의 직접적인 자손이 아닙니다. 단순히 당신의 선택에서 >를 생략 :

jq(".ui-grid-header-cell .ui-grid-cell-contents").each(function (index, element) { 
    console.log(element);   
}); 

Here's your jsFiddle