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






  1. JavaScript Tutorial
  2. jQuery
  3. Selector even odd index
<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>








30.5.Selector even odd index
30.5.1.gt(index) matches all elements with an index above the given one.
30.5.2.even() matches even elements, zero-indexed.
30.5.3.eq(index) matches a single element by its index.
30.5.4.lt(index) matches all elements with an index below the given one.
30.5.5.odd() matches odd elements, zero-indexed.
30.5.6.Even number tags
30.5.7.Matches all elements with an index above the given one
30.5.8.Matches all elements with an index below the given one
30.5.9.Matches even elements, zero-indexed
30.5.10.Matches odd elements, zero-indexed.htm
30.5.11.Odd number paragraph
30.5.12.Positional selectors supported by jQuery: selecting elements based on their position in the DOM
30.5.13.Matches a single element by its index