Filter by function : filter « jQuery « JavaScript DHTML






Filter by function

     

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
          $("div").css("background", "blue")
            .filter(function (index) {
                  return index == 1 ;
            })
            .css("border", "1px solid red");

        });
    </script>
     <style>
     div { border:2px white solid;}
  </style>

  </head>
  <body>
    <body>
      <div id="first">asdf</div>
  <div id="second">asdf</div>
  <div id="third">asdf</div>
  <div id="fourth">asdf</div>
  <div id="fifth">asdf</div>
  <div id="sixth">asdf</div>


  </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(expr): narrow down the results of a search.
7.filter(fn) function is called with a context equal to the current element
8.Filter out element and add style
9.filter with customized function