Skip to content
Related Articles

Related Articles

jQuery | :odd Selector
  • Last Updated : 26 Feb, 2019
GeeksforGeeks - Summer Carnival Banner

The jQuery :odd selector used to select an odd number index from the elements. The number of index starts from 0. The working is same as :even selectors but for odd numbers.

syntax

$(":odd")

Example-1:




<!DOCTYPE html>
<html>
  
<head>
    <script src=
  </script>
      
  <script>
        $(document).ready(function() {
            $("tr:odd").css("background-color", 
                            "green");
        });
    </script>
</head>
  
<body>
  
    <center>
        <h1>GeeksForGeeks</h1>
  
        <table border="1">
            <tr>
                <th>Company</th>
                <th>Country</th>
            </tr>
            <tr>
                <td>reliance</td>
                <td>India</td>
            </tr>
            <tr>
                <td>flipkart</td>
                <td>India</td>
            </tr>
            <tr>
                <td>walmart</td>
                <td>American</td>
            </tr>
            <tr>
                <td>Ernst Handel</td>
                <td>Austria</td>
            </tr>
            <tr>
                <td>Island Trading</td>
                <td>UK</td>
            </tr>
        </table>
    </center>
  
</body>
  
</html>

Output:

Example-2:




<!DOCTYPE html>
<html>
  
<head>
    <script src=
  </script>
     
  <script>
    $(document).ready(function() {
       $("tr:odd").css("background-color",
                    "lightgreen");
        });
    </script>
</head>
  
<body>
  
    <center>
        <h1>Welcome To GeeksForGeeks
      </h1>
  
        <table border="2">
            <tr>
                <th>State</th>
                <th>Capital</th>
            </tr>
            <tr>
                <td>uttar pradesh</td>
                <td>lucknow</td>
            </tr>
            <tr>
                <td>punjab</td>
                <td>chandigarh</td>
            </tr>
            <tr>
                <td>haryana</td>
                <td>candigarh</td>
            </tr>
        </table>
    </center>
  
</body>
  
</html>

Output:

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.




My Personal Notes arrow_drop_up
Recommended Articles
Page :