Thanks for your reply. I will try to see if the background color on
the parent works or not.
As for checking the "red" color, I need to do a UI test and check if
the background color
is set correctly. That is to say, I am testing other people's code and
web page.
Thanks,
John
On Jan 11, 12:41 pm, John Arrowwood <jarro...@gmail.com> wrote:
> The short answer is because the background color of the item you have
> selected is in fact transparent.
>
> Your style makes the <li> tag red. Then you query on a child element that
> has no color specified. The background color of the child element is
> 'transparent' which means that the color of something up the tree is what
> you will see.
>
> You will never see 'red' by looking at the child element. But what you can
> do (and jquery.color.js does this) is while you get 'transparent' then you
> can look at the parent object. You can walk up the tree until you get what
> you are looking for.
>
> But before you go down that road, why are you looking to see the color of
> the element? If you can describe what you are trying to do in more general
> terms, someone may be able to give a better suggestion on how to accomplish
> it.
>
>
>
> On Mon, Jan 11, 2010 at 7:39 AM, John <john.jian.f...@gmail.com> wrote:
> > Hi,
>
> > I used jQuery 1.3.2 and Firefox for the following html
>
> > <html>
> > <head>
> > <style type="text/css">
> > .content .division .category.selected {
> > background: red;
> > }
>
> > </style>
> > </head>
> > <body>
>
> > <div class="categories">
> > <div class="content">
> > <div class="body">
> > <ul id="category-list">
> > <li class="division">
> > <ul>
> > <li class="category selected">
> > <div class="title">
> > <a href="/suv" class="category-
> > suv">SUVs (6)</a>
> > </div>
>
> > </li>
>
> > <li class="category category_69564">
> > <div class="title">
> > <a href="/4by4" class="category-
> > general">4x4 (6)</a>
> > </div>
>
> > </li>
> > <li class="category category_73293">
> > <div class="title">
> > <a href="/hybrid"
> > class="category-hybrid">Hybrid</a>
> > </div>
> > </li>
> > </ul>
> > </li>
> > </ul>
> > </div>
> > </div>
> > </div>
>
> > </body>
> > </html>
>
> > I used the following css command to get back the background color:
>
> > $("#category-list > li.division:eq(0) ul > li:eq(0) a").css
> > ("background-color");
>
> > but it always returned the value "transparent" instead of the "red"
> > color rgb(255,0,0).
> > I also tried "backgroundColor" and it did not work either
> > ("transparent"). How to get back
> > the correct background color?
>
> > Thanks in advance,
>
> > John
>
> --
> John Arrowwood
> John (at) Irie (dash) Inc (dot) com
> John (at) Arrowwood Photography (dot) com
> John (at) Hanlons Razor (dot) com
> --http://www.irie-inc.com/http://arrowwood.blogspot.com/
