첫 번째 레벨에 대한 jQuery 각 div

Question

다음 HTML이 있습니다.

<div id="id"> 
    <div> 
     <div class="permissions"> 
     </div> 
    </div> 
</div> 

그리고 jQuery에서는 루프를 사용합니다.

$("#id div").each(function(){ 
    //do something 
}); 

이 루프는 #id의 모든 div에서 실행됩니다. 어떻게 첫 번째 레벨의 div들만 같은 루프를 만드나요?
미리 감사드립니다. 내 영어로 미안해.

Answer 1

#id과 div 사이에 공백이 있으면 a descendant selector입니다.

대신 a > child selector을 사용하십시오.

$("#id > div").each(function(){ 
    //do something 
}); 

지금은 #id의 직계 (자식)이다 <div> 요소를 대상으로한다.

// only direct descendant divs 
$("#id").children("div").each(function() { 
    //do something 
}); 


    // all descendant divs 
$("#id").find("div").each(function() { 
    //do something 
});