Odd number paragraph : Selector even odd index « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Selector even odd index

Odd number paragraph

      

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
              $("p:odd").removeClass("blue");
        });
    </script>
  </head>
   <style>
      .blue { color:blue; }
  </style>
  <body>
    <body>
      <p class=blue>A</p>
      <p class=blue>A</p>
      <p class=blue>A</p>

  </body>
</html>








Related examples in the same category

1.gt(index) matches all elements with an index above the given one.
2.even() matches even elements, zero-indexed.
3.eq(index) matches a single element by its index.
4.lt(index) matches all elements with an index below the given one.
5.odd() matches odd elements, zero-indexed.
6.Even number tags
7.Matches all elements with an index above the given one
8.Matches all elements with an index below the given one
9.Matches even elements, zero-indexed
10.Matches odd elements, zero-indexed.htm
11.Positional selectors supported by jQuery: selecting elements based on their position in the DOM
12.Matches a single element by its index