使用JQuery插入新元素

时间:2011-11-21 22:02:27

标签: jquery

我想要一些关于如何使用JQuery在文档正文中插入新元素的人的帮助。

我通过以下方式恢复身体:

var a = $(editorFrame).contents().find('body').html();

然后,我需要验证主体是否具有元素<p></p>,而不是,我必须将此元素放在第一个<DIV>之后。这是我的身体

<body>
<div id="testeFooter" class="footer-element">
    <table id="footerDiv" class="mceItemTable" width="100%">
        <tbody>
            <tr>
                <td id="footerContent">
                    <b>Digite aqui o seu Rodap&#233;</b>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div id="testeHeader" class="header-element">
    <table id="headerDiv" class="mceItemTable" width="100%">
        <tbody>
            <tr>
                <td id="headerContent">
                    <b>Digite aqui o seu cabe&#231;alho</b>
                </td>
            </tr>
        </tbody>
    </table>
</div>
    <p>ESSSE MODELO TESTE</p>
</body>

我只需要知道如何在第一个元素之后放置一个新元素。

感谢一帮你可以帮助我!

3 个答案:

答案 0 :(得分:5)

你在第一个之后的意思是什么?

反正

var body = $(editorFrame).find('body');

body.prepend('<someelement>')

将在开头

中插入

如果你需要在身体中的第一个元素之后插入,你应该使用

body.find(':eq(0)').after('<someelement>')

答案 1 :(得分:0)

if(!$(a).find('p').length) {
        $('div').first().prepend('<p></p>');          
    }

答案 2 :(得分:0)

首先,我要感谢所有人的帮助!

我解决了我的问题:

$(editorFrame).contents().find('body').append('<p><br></p>').html();    

方法前置也有效!