Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Filter with customized function

< html>   <head>     <script type='text/javascript' src='js/jquery-1.3.2.js'></script>     <script type='text/javascript'> $(document).ready(   function() {     $('li')       .filter(         function() {           return $(this).hasClass('my2') || $(this).hasClass('my3');         }       )       .addClass('mySelected');   } );     </script>     <style type='text/css'> ul {     list-style: none;     margin: 5px;     padding: 0; } li.mySelected {     background: #a1e6b2;     border: 4px solid #93daa4; }     </style>   </head>   <body>      <ul>        <li class='my3'>A</li>        <li class='my2'>B</li>        <li class='my3'>C</li>        <li class='my2'>D</li>        <li class='my'>E</li>      </ul>   </body> </html>