jQuery-サブエレメントフィルタセレクタ

サブエレメントフィルタセレクタのフィルタルールは、他のセレクタに比べてやや複雑ですが、エレメントの親エレメントとサブエレメントを明確に区別すれば、非常に簡単に使用できます.また、通常のフィルタセレクタとの違いにも注意してください.
コードには記載されていません.nth-child(3 n)は、各親要素のインデックス値が3の倍数の要素を選択し、nは1から開始します.
:nth-child(3 n+1)親要素ごとにインデックス値が3 n+1の要素を選択し、nは1から開始します.
単純コードの例は次のとおりです.

    
    
    
    



    id is one,class also is one
    
class name is mini


    id is two, class is one, title is test
    
class is mini,title is other
    
class is mini, title is test


    
class is mini
    
class is mini
    
class is mini
    



    
class is mini
    
class is mini
    
class is mini
    
class is mini, title is test


    style display “none” div

 class is hide

      input type “hidden” div
    

       sapn  

    $("div.one :nth-child(2)")//    class one div               
            .css("background","#0066CC");

    /*$("div.one :first-child")//    class one div               
            .css("background","#009966");*/

    /*$("div.one :last-child")//    class one div                
            .css("background","#00CC00");*/

    /*$("div.one :only-child")//  class one div          ，              
            .css("background","#00FFCC");*/