How do I pass a variable into html assigned to an element using jquery

Question

I'm trying to do something like this:

$('#player-container').html('<div id="film-player" class="flowplayer play-button is-splash"  style="background:#777 url(myVariable) no-repeat;">');

The html isn't showing up because it doesn't in code blocks here. Basically I'm trying to nest a variable like this: style equals background url(myVariable) in the html I'm assigning to the element dynamically.

Sergio · Accepted Answer · 2013-09-04 20:06:09Z

5

Since you started the string with single quotes you use ' again and + to concatenate like this:
url(' + myVariable + ').

So your code should be:

$('#player-container').html('<div id="film-player" class="flowplayer play-button is-splash"   style="background:#777 url('+myVariable+') no-repeat;">');

More info about concatenation operator (in javascript) at MDN

edited Sep 4, 2013 at 20:06

answered Sep 4, 2013 at 20:00

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

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

3 Comments

Wendy Over a year ago

Thanks, I was just doing that on my own while you answered, works great!

Sergio Over a year ago

@Wendy, great! Maybe you can click to accept the answer anyway ;)

Wendy Over a year ago

Oops, I thought I did! Voted it up instead, that's what happens when you're clicking too fast...

Collectives™ on Stack Overflow

How do I pass a variable into html assigned to an element using jquery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related