TOC

Exemple avec jQuery children ()

Exemple jQuery children ()

Dans jQuery,children() est utilisé pour trouver l'enfant des éléments correspondants, c'est seulementtravels a single level down.

Par exemple, les éléments div avec trois niveaux de profondeur contiennent un nom de classe «enfant» et «orphelin». 


    
A1-1

    
A1-2

    
A1-3

    
A1-4


    

        
A2-1

        
A2-2


        

            
A3-1

            
A3-2

1. $(‘.A1’).children()

$('.A1').children().css('background','red');

Correspond aux éléments qui contiennent un nom de classe «A1», et tous lesA1 «single level child».

P.S The A2 and A3 child will be ignore.

2. $(‘.A1’).children(‘.child’)

$('.A1').children('.child').css('background','red');

Faites correspondre les éléments contenant un nom de classe «A1» et recherchez dans l'enfant «A1» contenant un nom de classe «enfant». Dans cet exemple,all the A1 “single level child” except child with a class name of “orphan” will be select.

Exemple jQuery children () 













jQuery children() example







    
A1-1

    
A1-2

    
A1-3

    
A1-4


    

        
A2-1

        
A2-2


        

            
A3-1

            
A3-2

Essayez la démo

Related