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

Mic*_*ura 7 html jquery plugins

我需要在body标签后添加一些html,如下所示:

<body>
<p>this is the HTML I need to add</p>
</body>
Run Code Online (Sandbox Code Playgroud)

这是我的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>");

}
Run Code Online (Sandbox Code Playgroud)

有谁知道如何做到这一点?我正在尝试编写一个通用插件,并需要一个明确的标签,如身体添加后,但内部.

提前致谢,

麦克风

use*_*716 18

要在开始<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>");
Run Code Online (Sandbox Code Playgroud)

原因是jQuery('body')不选择开始<body>标记,而是选择整个<body></body>元素.

所以after()(docs)方法试图将新内容放在后面</body>,这是无效的.但是.prepend()放在新的内容里面body (这可能是内部的任何其他内容之前).