Question

:nth-child(even) and :even in jquery are looking similar but selecting different elements. Please let me know the differences.

Happy Coding…

Answer 1

Here is an example to illustrate the difference:

http://jsfiddle.net/bEfT6/

:even matches every 2nd element within the set of elements you are selecting. Where as :nth-child(even) matches any elements which are an even numbered child of their respective parent.

So in the example, you see that the two selectors affect different elements. The elements with red text match the selected class and are even numbered children of the parent div. The ones with blue background match the selected class and are even within that selection.

So:

.something:nth-child(odd)

matches every element with the class something which is an even child of it’s parent.

.something:even

matches every other element with the class something. (regardless of relation to its siblings)