jQuery doubt with reference to Object Literal Example.

The below code is not working....I mean i wanted even table rows to be gray but its not happening ??? I am not sure where I am wrong in this case

Could you please post the JSP/HTML page where this is going to be applied?

It has nothing to do with the object, it hsa to do with the example.

Background color is applied to the cells [td] and not the rows [tr].

Eric

Eric Pascarello wrote:It has nothing to do with the object, it hsa to do with the example.

Background color is applied to the cells [td] and not the rows [tr].

Eric

But the below code is working fine... and its the same example

See fine to me: http://jsfiddle.net/H9wHT/1/

Eric

Why do you have headings in a td?

Your table really should look like this:

I haven't tried this out myself, but have you tried $('table.data tr:even')?

Eric Pascarello wrote:Why do you have headings in a td?

Your table really should look like this:

<table class="data"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Occupation</th> <th>Approximate Location</th> <th>Price</th> </tr> </thead> <tbody> <tr> <td>0252</td> <td>Vishal Hegde</td> <td>System Engineer</td> <td>SDF-2 SEEPZ</td> <td>$10,000</td> </tr> <tr> <td>512564</td> <td>Ganesh Joshi</td> <td>System Engineer</td> <td>Airoli </td> <td>$100</td> </tr> <tr> <td>41255</td> <td>Sangeeta Shetty</td> <td>System Engineer</td> <td>SDF-7 SEEPZ</td> <td>$10,00</td> </tr> </tbody> </table>

Will that make any changes?? I mean .js file should work right incase i am using Object Literal??? it is working when i am using .css(mentioning the color code)

Do your td elements have a background color? If so, the color of the tr element will not show through.