How can I add a custom string to jQuery .css() function

Question

I'm trying to pass in a custom string to the .css jQuery function. So instead of doing this:

$('#image1').css('background', 'url("img1.png") no-repeat');

I want to do this:

var image = "'url(\"img1.png\") no-reapt'"
$('#image1').css('background', image);

But it's not working. The reason I want to do it like that is because I have 6 elements with 6 different possibilities of different images so I want to add them dynamically. So it would actually look more like this, my variable:

var image = "'url(\"" + this.image.imgs[value[i]] + "\") no-repeat'"
$('#image1').css('background', image);

And it would be inside a loop

Suren Srapyan · Accepted Answer · 2017-12-15 05:50:37Z

4

Remove the extra '' symbols. You don't need them. In your string, which is a css style - '' symbols are not valid and they cause not to apply the style.

var image = "url(\"img1.png\") no-repeat";
$('#image1').css('background', image);

answered Dec 15, 2017 at 5:50

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

Comments

Charlie Fish · Accepted Answer · 2017-12-15 05:50:35Z

3

Try removing your single quotes. Like so.

var image = "url(\"img1.png\") no-repeat";
$('#image1').css('background', image);

answered Dec 15, 2017 at 5:50

Charlie Fish

21k23 gold badges108 silver badges205 bronze badges

Comments

Bhavin Solanki · Accepted Answer · 2017-12-15 05:57:08Z

0

You have to remove single quotes and if you want to add multiple css property, you have to use like :

var image = "url(\"" + this.image.imgs[value[i]] + "\") no-repeat";
$('#image1').css({'background': image,'border': '1px solid'});

answered Dec 15, 2017 at 5:57

Bhavin Solanki

4,8143 gold badges28 silver badges47 bronze badges

Comments

jasinth premkumar · Accepted Answer · 2017-12-15 06:03:26Z

0

var image = "url('img1.png') no-repeat";
$('#image1').css('background', image);

you can try this you have missed a semicolon and misplaced '&"

edited Dec 15, 2017 at 6:03

answered Dec 15, 2017 at 5:57

jasinth premkumar

1,4111 gold badge13 silver badges23 bronze badges

Collectives™ on Stack Overflow

How can I add a custom string to jQuery .css() function

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related