filter with customized function : filter « jQuery « JavaScript Tutorial

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

30.41.filter
	30.41.1.	Filter by ID
	30.41.2.	Filter by index
	30.41.3.	Filter class out
	30.41.4.	Filter content
	30.41.5.	Filters out all elements matching the given selector
	30.41.6.	Filter by function
	30.41.7.	filter(expr): narrow down the results of a search.
	30.41.8.	filter(fn) function is called with a context equal to the current element
	30.41.9.	Filter out element and add style
	30.41.10.	filter with customized function