首页 > 解决方案 > 如何将 jQuery 的 insertBefore() 函数与 HTML 的 javascript 字符串一起使用?

问题描述

一旦我的页面加载,我正在执行一些 DOM 操作,我希望在页面上的特定 div 之前添加一些 html。不知道我在这里做错了什么,我敢肯定有一种简单的方法可以做到这一点......

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

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

标签: javascriptjqueryhtmldom

解决方案


你不需要.html()来电。(完整文档:http ://api.jquery.com/insertbefore/ )

尝试:

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

如果你愿意,你可以在一行上完成完整的代码,而不是创建变量:

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

推荐阅读