JavaScript Programming JavaScript > Code Examples Add class to all children from UL Add class to all children from UL <html> <head> <title>Happy Codings :-) JavaScript - Learn Web Development</title> <script type='text/javascript' src='js/jquery-1.3.2.js'></script> <script type='text/javascript'> var tmpExample = { ready : function() { $('ul').children().addClass('tmpChild'); } }; $(document).ready(tmpExample.ready); </script> <style type='text/css'> ul { list-style: none; margin: 0; padding: 0; } ul li { margin: 1px; padding: 3px; } li.tmpChild { background: #cf0c35; color: white; } </style> </head> <body> <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> <li>F</li> </ul> </body> </html>