Add Css to an element with specific class but multiple class names present

Question

I'm trying to add css to a 'td' in a Table that is part of the fullcalender

The day cells have classes added fc-day0 to fc-day41
td element looks like this:

<td class="fc-mon fc-widget-content fc-day1">

I tried following:

$("td").filter("fc-day1")
       .css("background", "red");

$("td").find("fc-day1")
       .css("background", "red");

$("td").find($('td[class*=".fc-day1"]'))
       .css("background", "red");

I appreciate your help =)

just adding a . to your selector before the classname should do the trick (for the first two). as it is jquery things fc-day1 is a tag name... — Chris
– Chris, Commented Jul 27, 2012 at 11:29

voigtan · Accepted Answer · 2012-07-27 11:26:47Z

1

if you want to filter out your collection of td and find all who has the class fc-day1 then use filter with a css selector:

$("td").filter(".fc-day1")
    .css("background", "red");

answered Jul 27, 2012 at 11:26

voigtan

9,0212 gold badges31 silver badges30 bronze badges

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

3 Comments

LightMonk Over a year ago

thx for correctin my code -.-' are there speed differnece between adeno's solution and the filter function? (the class exist only once on the page...)

Chris Over a year ago

There is almost certainly no noticeable speed differences but there will be some. Try them both and see which you prefer.

voigtan Over a year ago

I think adeneo code should be faster (in IE) because both selectors need to go to sizzle anyway and with adeneo´s code it only goes to sizzle once. its an easy miss when you have looked at your code too long @LightMonk ;)

adeneo · Accepted Answer · 2012-07-27 11:24:07Z

1

To target a TD with the class fc-day1 just do:

$("td.fc-day1").css("background", "red");

FIDDLE

answered Jul 27, 2012 at 11:24

adeneo

319k29 gold badges410 silver badges392 bronze badges

3 Comments

Nikola Over a year ago

@adeneo: can you tell me how would he apply the red bg color to the classes that start with fc-day? I tried this but it didn't work: jsfiddle.net/Hitman666/XdgSD/2

adeneo Over a year ago

The starts with selector is ^, but it only mathes if the value of the attribute matches exactly, so it will read all the classes and won't work. You could do this, but that will match if the string of classnames contains that string anywhere, so a filter solution is probably better. For just selecting a classname the regular way, using a filter is completely unnecessary, and I'd go so far as to call it bad practice.

Nikola Over a year ago

@adeneo: thx! heh, now i think i should have posted this as a question.

esmoreno · Accepted Answer · 2012-07-27 11:27:25Z

0

You don't need jquery.

In a file css:

<style>
table td .fc-day1{
  background:red;
}
</style>

Regards

answered Jul 27, 2012 at 11:27

esmoreno

6665 silver badges12 bronze badges

1 Comment

LightMonk Over a year ago

I ask this question because i have some event calculation in the back ;-) I know how css works =)

Collectives™ on Stack Overflow

Add Css to an element with specific class but multiple class names present

3 Answers 3

3 Comments

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related