Comment extraire uniquement div de niveau supérieur avec jQuery?

Question

<div id="container"> 
    <div> 
     <div> 
     </div> 
    </div> 
    <div> 
     <div> 
     </div> 
    </div> 
    <div> 
     <div> 
     </div> 
    </div> 
</div> 

$('#container').find('div') comprendra également ces divs internes.

Comment récupérer seulement les 3 divs de niveau supérieur?

Answer 1

Vous pouvez utiliser la fonction children([expr]) de jQuery pour le faire.

Quelque chose comme

$("#container").children("div") 

Answer 2

Sélectionnez uniquement les descendants directs avec le sélecteur parent > child:

$('#container > div') 

ou la fonction Traversing/children:

$('#container').children('div')