tr odd Selects all odd rows of table – jQuery


$( “tr:odd” ) – selector is used to select the odd rows of the table.


tr odd Selects all odd rows of table with jQuery syntax

tr odd Selects all odd rows of table – jQuery Example

<!DOCTYPE html>
<html>
<head>
<title>tr odd Selects all odd rows of table - jQuery Example</title>
 <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js">
 </script>
<script type="text/javascript">
         $(document).ready(function(){
         $("#demo").click(function(){
         $("#myTable > tbody > tr:odd").css("background","yellow");

         
          });
          });
</script> 
  
</head>	
<body>
<a href="javascript:void(0)" id="demo"> 
Click Me To Select Odd Rows
</a><br><br>
<table id='myTable'>
<tbody>
 
 <tr><td>Jhohn</td><td>jhone@gmail.com</td><td>USA</td></tr>
 <tr><td>Kelly</td><td>kelly@gmail.com</td><td>USA</td></tr>
<tr><td>Kamana</td><td>kamna@gmail.com</td><td>India</td></tr>
<tr><td>Anay</td><td>anay@gmail.com</td><td>Canada</td></tr>
<tr><td>AnaMy</td><td>amy@gmail.com</td><td>Canada</td></tr>
<tr><td>Rummy</td><td>asd@gmail.com</td><td>Canada</td></tr>
<tr><td>Jelly</td><td>y@gmail.com</td><td>Canada</td></tr>
 </tbody>
</table>

</body>
</html>             

Try it »

Note : Row Index starts from 0,1,2….


User Ans/Comments

📖 Read More


Advertisements