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

发布时间：2020-12-14 18:30:23 所属栏目：资源来源：网络整理

导读：我需要在body标签后面添加一些html,如下所示： bodypthis 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 h

我需要在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>内定位新内容元素,你想要 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()会将新内容放在正文中(并且在可能在其中的任何其他内容之前).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!