Javascript accessing a class within a table td

Question

I have a single page application where a number of fields contain a weight. If the weight is in pounds I want to show it in aquamarine, if in kilograms in yellow. The color to be used is in sUnitColor. All fields containing a weight have a class='weight'. I change colors with:

$('.weight').css('color',sColorUnit);

This works fine throughout the page except within table td cells even though they have class='weight'. They remain unchanged.

Is there something special about table cells that precludes this working?

I've also tried:

$('td .weight').css('color',sColorUnit);

But that doesn't work either.

Any and all suggestions will be much appreciated.

Adil · Accepted Answer · 2015-12-01 04:08:38Z

4

You must not add space between td and .weight as the space is making your selector a Descendant Selector (“ancestor descendant”). The selector td.weight means all tds having class weight.

$('td.weight').css('color',sColorUnit);

edited Dec 1, 2015 at 4:08

answered Dec 1, 2015 at 4:03

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

guradio Over a year ago

@Amadan explain comment more. it is confusing

Amadan Over a year ago

@guradio: No need, it served its purpose :) (but if curious, look up s///, then note Adil's edit).

Deepanshu Gupta · Accepted Answer · 2015-12-01 04:11:01Z

0

If class is in the same element do not use any space between element and class, if a space is there, it means element have a class with that name.

Try with this:

$('element.classname').css({color:sColorUnit});

answered Dec 1, 2015 at 4:11

Deepanshu Gupta

2401 silver badge5 bronze badges

Collectives™ on Stack Overflow

Javascript accessing a class within a table td

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related