Simple JQuery .css() command not working

Question

It's been some time since I've used JQuery, so this might be something very obvious.

I am attempting to use JQuery to set the colour of all text inside <span> tags which has a class containing a certain keyword (in this example, the word inside the class tag is "var").

I then put this jQuery code into the body of the document:

$("class*='var'").css("color", "#FF00DC");

But this doesn't make any difference.

Is there a simple syntax error I'm making here or is this something a bit deeper? I've made a jsFiddle to try and illustrate the problem.

Thanks in advance.

krichard · Accepted Answer · 2012-12-05 11:34:08Z

6

Try:

$("[class*='var']").css("color", "#FF00DC");

answered Dec 5, 2012 at 11:34

krichard

3,70427 silver badges35 bronze badges

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

Comments

Jon · Accepted Answer · 2012-12-05 11:34:06Z

5

Your selector syntax is wrong, it should be $("[class*='var']") (see attribute contains selector).

answered Dec 5, 2012 at 11:34

Jon

439k85 gold badges756 silver badges820 bronze badges

Collectives™ on Stack Overflow

Simple JQuery .css() command not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related