Question

I want to dynamically change the CSS for a specific element.
The following hard coded jQuery statement works:

$('.people div[data-face="1"] i').css('background-image', 'url(http://localhost:58888/_pictures/picture_000.jpg)');

However, I need “1” to be a variable (“dataNum”) and the actual url needs to be a variable called “URL”.

I’ve been trying various escape characters, but can’t get it to work without errors.
Here’s my latest:

 $("\'.people div[data-face=\" " + dataNum + '\"] i\').css(\'background-image\', \'url(' + URL + ')\' ');

What am I missing? Thanks.

Answer 1

You can do it with string concatenation like:

$('.people div[data-face="' + dataNum + '"] i').css('background-image', 'url('+URL+')');