If you want to find even number of table rows then it's not a difficult task now, we can do this easily with the help of jQuery :even selector.
The :even selector will choose all those components which have even index i.e 0,2,4,6 etc.
Most of the time we have to use :even selector  together with another selector for choosing those  component which have even index .
In below example we are finding all table rows which have even index value with the help of :even selector and then making their background  grey.
Below is the html code for finding even number of table rows  :-
<table border="1">
<tr><td> Index value 0</td></tr>
<tr><td> Index value 1</td></tr>
<tr><td> Index value 2</td></tr>
<tr><td> Index value 3</td></tr>
<tr><td> Index value 4</td></tr>
<tr><td> Index value 5</td></tr>
<tr><td> Index value 6</td></tr>
</table>
<button id="btn">Click to see the effect</button> 
Below is the jQuery code :-
$('#btn').click(function(){ 
$( "tr:even" ).css( "background-color", "grey" );
});
Working demo:- https://jsfiddle.net/bqp9hje5/6/
                       
                    
0 Comment(s)