filter with customized function : filter « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. filter

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>








Related examples in the same category

1.Filter by ID
2.Filter by index
3.Filter class out
4.Filter content
5.Filters out all elements matching the given selector
6.Filter by function
7.filter(expr): narrow down the results of a search.
8.filter(fn) function is called with a context equal to the current element
9.Filter out element and add style