Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Slice to the end

< html>   <head>     <script type='text/javascript' src='js/jquery-1.3.2.js'></script>     <script type='text/javascript'> var tmpExample = {   ready : function() {     $('ul#uiID li').slice(5).addClass('justAdd');   } }; $(document).ready(tmpExample.ready);     </script>     <style type='text/css'> ul#uiID {     list-style: none;     margin: 0;     padding: 0; } ul#uiID li {     margin: 1px;     padding: 3px; } li.justAdd {     background: #fcc16e; }     </style>   </head>   <body id='tmpExample'>     <ul id='uiID'>       <li class='liClass1'>A</li>       <li class='liClass1'>B</li>       <li class='liClass1'>C</li>       <li class='liClass1'>D</li>       <li class='liClass2'>E</li>       <li class='liClass2'>F</li>       <li class='liClass2'>G</li>       <li class='liClass2'>H</li>       <li class='liClass3'>I</li>       <li class='liClass3'>J</li>     </ul>   </body> </html>