Comments on: Display different color in alternate row using jquery

By: BigAnz

BigAnz — Fri, 08 Jan 2010 00:42:49 +0000

Great example of Jquery usage. Hats off, my question revolves around extending the .css (string) in order to specify further css properties. For instance I tried:
.css(“background”, “#666″, “color”, “#fff”) but that failed to iterate the color property. I know there is a way to do this, I am just unsure of the syntax.

Any help would be greatly appreciated. Thanks again for the great assistance your tutorial has given me!

By: pligg.com

pligg.com — Thu, 17 Dec 2009 21:07:13 +0000

Displaying different color in alternate row using jquery…

Most of the tabular data are organized in such a manner that they are easy to read. And for this, most of the developers use different color to highlight the alternate row.There are various method of displaying different row in different color but here…

By: sid

sid — Sat, 19 Sep 2009 10:35:37 +0000

For a table that is assigned a class name, I used:
$(“.table_class_name tr:even”).css(“background-color”, “#c00″);

For the first row, I used:
$(“.table_class_name tr:first”).css(“background-color”, “#800080″);

This was cool. Thanx.

By: A Look at Some of the New Selectors Introduced in CSS3 - Inspect Element

A Look at Some of the New Selectors Introduced in CSS3 - Inspect Element — Mon, 27 Jul 2009 08:07:04 +0000

[...] Display different color in alternate row using jQuery [...]

By: kalam

kalam — Wed, 22 Apr 2009 05:16:39 +0000

Hi
I want deferent color of row in php in sql table
pls help me

By: Thomas

Thomas — Mon, 16 Mar 2009 19:13:40 +0000

Woa, I cant believe how the Jquery power is big big BIG!

Its definitively the best javascript framework (should be directly include in all browsers!)

By: anilreddy

anilreddy — Sat, 31 Jan 2009 08:35:36 +0000

Thanks for the demo ..i am using this for my site

By: Roshan

Roshan — Thu, 11 Dec 2008 05:14:40 +0000

@rogier – for that you can make a class in css let’s say it “darkrow” and then you can add that in the following way using jQuery

$(”div:odd”)..addClass(“darkrow”);

By: Rogier

Rogier — Wed, 10 Dec 2008 16:24:30 +0000

Hi, I’m wondering. I see that I can use different colors for the background;

$(“div:odd”).css(“background-color”, “#F4F4F8″);

Can I also include other css items in this line and how?

Thanks for your time.

By: kamal

kamal — Mon, 27 Oct 2008 03:45:55 +0000

Hi,
i have a strange problem, the script work fine in my local host, but after i host all the files in the server the colors don’t appear :
http://cuagadir.sc12.co.uk/marchespublics/2008/10/ao-442008/
Thanks for help.

By: kamal

kamal — Thu, 23 Oct 2008 17:34:16 +0000

Thanks for reply, i’ll try to learn more.

By: Roshan

Roshan — Thu, 23 Oct 2008 05:04:57 +0000

@kamal – I think you should first understand jquery library before using it as it this function is changing background color of all divs of your web page

By: kamal

kamal — Wed, 22 Oct 2008 11:15:16 +0000

Hi,
i use the wordpress theme : iTheme, and after i add this code it affect my bachground color…
i do not know why?

By: Table row manipulation using jQuery JavaScript

Table row manipulation using jQuery JavaScript — Fri, 19 Sep 2008 10:40:34 +0000

[...] dzone_style=”2″;In a jQuery tutorial, I’ve shown how to display different color in alternate row of table using jQuery. This time I’ve come up with advanced version of same tutorial where you can add different [...]

By: Roshan

Roshan — Mon, 14 Jul 2008 05:26:28 +0000

let’s suppose that you’ve defined same class “alternate” then you can define the alternate color as

$(“.alternate:odd”).css(“background-color”, “#F4F4F8″);
$(“.alternate:even”).css(“background-color”, “#EFF1F1″);