如何在页面加载时对不在 DOM 中的元素使用 .after()。（页面加载后注入）答案

【问题标题】：how to use .after() on elements that are not in DOM when the page loaded. (injected after page loaded)如何在页面加载时对不在 DOM 中的元素使用 .after()。（页面加载后注入）
【发布时间】：2011-12-22 09:36:20
【问题描述】：

我在使用 jQUery 时遇到了一个小问题。

我正在编写一个脚本，该脚本在页面加载时不存在的 div 之后注入一些 html 代码，这意味着在页面加载后，脚本会将该 div 注入 html。

我正在使用下面的 jquery 代码在 div(injecteddiv) 之后注入 html

$('#firstdiv').after('<div id="injecteddiv"></div>');

$('#injecteddiv').after('<p>hello</p>');

它不会工作，在那个 div(#injecteddiv) 之后没有注入任何东西，我认为它是“页面加载后注入的 div”问题。有什么办法吗？谢谢。

P/S 我已经安装了 jquery 库。

【问题讨论】：

为什么不在将内容注入 div 的同一例程中再次调用它？
嘿，这是什么错误？因为我们在最后尝试了代码，所以在injecteddiv之后添加<p>

标签： jquery html dom

【解决方案1】：

# 仅在您在选择器中指定 id 时使用，它不是 id 的一部分。

$('#firstdiv').after('<div id="injecteddiv"></div>');

【讨论】：

@sm21guy：有了这个更改，代码就可以正常工作了：jsfiddle.net/Guffa/udTe9
hm，等等，让我仔细检查一下，实际上在我的测试中，脚本是一个工具栏，它是在页面加载后注入的，我想在那个工具栏之后注入一些东西。所以我使用上面的例子。