Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Add class to all children from UL

< html>   <head>     <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>