jQuery .appendTo with a variable and text

Question

I have a variable that I would like to append added to some other text. My first though was this:

var wood  = 5
$(wood+"<p>bits of wood left</p>" ).appendTo("#notifications");

Then I tried this:

var wood  = 5
var woodLeft=(wood + "wood left");
$(woodLeft).appendTo("#notifications");

But that doesn't work either. Any ideas of how to get this to function?

Musa · Accepted Answer · 2015-02-28 23:23:12Z

2

The problem is jQuery thinks you're passing a selector to it, and then throws an error Uncaught Error: Syntax error, unrecognized expression: 5bits of wood left
Solution: Tell jQuery to explicitly parse it as html.

var wood  = 5
$($.parseHTML(wood+"<p>bits of wood left</p>" )).appendTo("#notifications");

http://jsfiddle.net/rg7trxov/

answered Feb 28, 2015 at 23:23

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

2 Comments

Robert Porter Over a year ago

Thanks, that really helped out! How would I go about getting the number on the same line?

Musa Over a year ago

By not using a block level tag like a p, you can use a span for instance.

Dan Goodspeed · Accepted Answer · 2015-02-28 23:24:01Z

2

I would do it this way:

$("#notifications").append(wood+"<p>bits of wood left</p>" );

http://jsfiddle.net/s3f1vq72/

answered Feb 28, 2015 at 23:24

Dan Goodspeed

3,6105 gold badges29 silver badges36 bronze badges

3 Comments

Eric Mahieu Over a year ago

.. and for markups' sake I would put wood inside the 

Robert Porter Over a year ago

Eric Mahieu How would I do that?

Dan Goodspeed Over a year ago

It really depends on what you want to do... but you can say "bits of wood"+wood.toString()+"".

Collectives™ on Stack Overflow

jQuery .appendTo with a variable and text

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related