JQuery apply css stored in variable

Question

I have a div which is to be styled using CSS styles stored in a variable. Like so:

var styles = 'font-weight","bold"';

$('div').css(styles);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>The Div to be styled</div>

This demonstrates what I want to do, but it won't work. Does anyone have any ideas. Thanks.

Why not use a class and set style using any CSS rule? This is how it should be done imho — A. Wolff
– A. Wolff, Commented Nov 4, 2014 at 13:17

Rajaprabhu Aravindasamy · Accepted Answer · 2014-11-04 13:20:47Z

9

Try,

var styles = {'font-weight':'bold'};
$('div').css(styles);

In your code you are passing a single string argument to the .css() function. And that is not a supported valid signature with .css() for setting up a style value.

var styles = {'font-weight':'bold'};
$('div').css(styles);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>The Div to be styled</div>

edited Nov 4, 2014 at 13:20

answered Nov 4, 2014 at 13:15

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

Comments

Markai · Accepted Answer · 2014-11-04 13:18:53Z

1

.css requests either a pair of two strings (rulename and value) or an object with name/value pairs if you try to set a rule. If you only hand one string, it tries to return the value of the rule with matching name (which in your case does not exist).

Try this:

var styles = {'font-weight': "bold"};

$('div').css(styles);

working fiddle: http://jsfiddle.net/ocgb77m8/

answered Nov 4, 2014 at 13:18

Markai

2,0981 gold badge12 silver badges15 bronze badges

Collectives™ on Stack Overflow

JQuery apply css stored in variable

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related