How do I include a variable in jquery .html

Question

Trying to include a variable in my jquery:

var width = $(this).width();
$("#dynamic").html(".dropdown-bottom:before{left:'width'px;}");

How do I indicate that width is a variable in the .html?

Julio · Accepted Answer · 2013-09-17 18:08:47Z

2

Concatenate the strings together:

var width = $(this).width();
$("#dynamic").html(".dropdown-bottom:before{left:" + width + "px;}");

To subtract from your width, do so before the concatenation:

var width = $(this).width() - 20;

Since the documentation indicates that width() returns an integer, a simple subtraction should work here. This is of course presuming that this is actually referencing the correct thing.

edited Sep 17, 2013 at 18:08

answered Sep 17, 2013 at 17:48

Julio

2,3004 gold badges30 silver badges59 bronze badges

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

2 Comments

Julio Over a year ago

@rdellara, according to the docs for width, it returns an integer representing the width in pixels. Prior to the concatenation, you'd need to subtract 20 from the width. See my edit.

rdellara Over a year ago

Thanks, I figured this out another way $("#dynamic").html(".dropdown-nav:before{left:" + (width - 20) + "px;}");

Mike Corcoran · Accepted Answer · 2013-09-17 17:48:29Z

1

by building up the string by using the variable:

$("#dynamic").html(".dropdown-bottom:before{left:" + width + "px;}");

answered Sep 17, 2013 at 17:48

Mike Corcoran

14.6k4 gold badges42 silver badges51 bronze badges

Comments

Abdullah Jibaly · Accepted Answer · 2013-09-17 17:48:29Z

1

$("#dynamic").html(".dropdown-bottom:before{left:" + width + "px;}");

answered Sep 17, 2013 at 17:48

Abdullah Jibaly

55.2k45 gold badges129 silver badges202 bronze badges

Collectives™ on Stack Overflow

How do I include a variable in jquery .html

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related