如何将html动态放置在body标签之后但在body标签内？ jQuery

Question

我需要在 body 标记之后添加一些 html，例如：

<body>
<p>this is the HTML I need to add</p>
</body>

这是我的 jQuery 代码：

jQuery(document).ready(addPageFlipHTML);

function addPageFlipHTML() {

    jQuery('body') // after body tag
            .after(
                    "<div id='pageflip'><a href='http://sabwd.com'><img src='/test/wp-content/plugins/page-flip/images/page_flip.png' alt='' />" //create this html
                            + "<span class='msg_block'>Subscribe via RSS</span></a></div>");

}

有人知道怎么做吗？我正在尝试编写一个通用插件，需要一个明确的标签，如 body 后添加。

提前致谢，

迈克

Answer 1

要将新内容定位在开头的<body> 元素内，您需要使用prepend()^(docs) 方法：

jQuery('body') 
        .prepend(
                "<div id='pageflip'><a href='http://sabwd.com'><img src='/test/wp-content/plugins/page-flip/images/page_flip.png' alt='' />" //create this html
                        + "<span class='msg_block'>Subscribe via RSS</span></a></div>");

原因是jQuery('body') 没有选择开头的<body> 标签，而是选择了整个<body></body> 元素。

所以after()^(docs) 方法试图将新内容放在</body> 之后，这是无效的。但是.prepend() 将新内容置于body（以及可能在其中的任何其他内容之前）。