How do I use jQuery's insertBefore() function with a javascript string of HTML?

Question

I am performing some DOM manipulation once my page loads and I was hoping to add some html right before an a specific div on the page. Not sure what I'm doing wrong here, I'm sure there's a simple way to accomplish this...

var finalStringHtml = '<div id="chartLinks">' + tableString + '</div>';

$(finalStringHtml.html().insertBefore("#chart_div")); //fails
$(toString(finalStringHtml).html().insertBefore("#chart_div")); //fails

api.jquery.com/after

Max Baldwin
– Max Baldwin

2018-08-23 21:02:37 +00:00
Commented Aug 23, 2018 at 21:02 — Max Baldwin
– Max Baldwin, Commented Aug 23, 2018 at 21:02

scunliffe · Accepted Answer · 2018-08-23 21:02:19Z

2

You don't need the .html() call. (full docs: http://api.jquery.com/insertbefore/)

Try:

$(finalStringHtml).insertBefore("#chart_div");

If you want to, you can do the full code on one line and not create the variable:

$('<div id="chartLinks">' + tableString + '</div>').insertBefore("#chart_div");

answered Aug 23, 2018 at 21:02

scunliffe

63.8k26 gold badges133 silver badges168 bronze badges

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

Collectives™ on Stack Overflow

How do I use jQuery's insertBefore() function with a javascript string of HTML?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related