jquery第1層li要素の取得

    
ul-li-1-1
    
ul-li-1-2
        

            
ul-li-2-1
            
ul-li-2-1
        
    
    
ul-li-1-3


//children()               。
$('.ul').children("li")

     

children()                   。
  

.children(selector)

    

       DOM       jQuery   ，.children()          DOM        ，           jQuery   。.find()   .children()     ，        DOM          。

   ，     jQuery     ，.children()        ；                       ，    .contents()。

                   ，       $()           。        ，             ，        。

このベース付きネストリストのページを考えてください

  
I
  
II
    

      
A
      
B
        

          
1
          
2
          
3
        
      
      
C
    
  
  
III

オンラインデモ
レベル-2リストから開始すると、そのサブ要素を見つけることができます.

$('ul.level-2').children().css('background-color', 'red');

行のコードの結果、プロジェクトA,B,Cは赤い背景を得る.セレクタ式が適用されていないため、返されるjQueryオブジェクトにはすべてのサブ要素が含まれています.セレクタを適用すると、一致するアイテムのみが含まれます.