如何将jQuery的insertBefore（）函数与HTML的JavaScript字符串一起使用？

Question

页面加载后，我将执行一些DOM操作，希望在页面上特定div之前添加一些html。不确定我在这里做错了什么，我确定有一种简单的方法可以完成此操作...

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

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

Answer 1

您不需要.html()通话。 （完整文档：http://api.jquery.com/insertbefore/）

尝试：

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

如果愿意，您可以一行完成全部代码，而无需创建变量：

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