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