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

Question

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

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

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

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

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

，它不起作用，在该 div(#injecteddiv) 之后没有注入任何内容，我认为这是“页面加载后注入的 div”问题。 有什么办法解决吗？谢谢。

P/SI 安装了 jquery 库。

Answer 1

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

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