在给定标记的所有子元素上使用jQuery的.wrap

时间:2009-11-19 02:57:58

标签: jquery

使用jQuery,我想要执行的操作类似于以下内容:

$('sometag').children().wrap('<div></div>');

由此产生的DOM操作将所有子项包装在一个div中,而不是单独包装每个子项。

启动示例HTML:

<div>
   <h3>Heading</h3>
   <p>Paragraph</p>
</div>

这行代码的作用是什么:

<div>
    <div>
        <h3>Heading</h3>
    </div>
    <div>
        <p>Paragraph</p>
    </div>
</div>

我想要的是什么:

<div>
    <div>
        <h3>Heading</h3>
        <p>Paragraph</p>
    </div>
</div>

实现我正在寻找的最终结果的正确语法是什么?

3 个答案:

答案 0 :(得分:21)

$('sometag').children().wrapAll("<div></div>");

答案 1 :(得分:3)

$('tag').wrapInner('<div>');

答案 2 :(得分:1)

$('sometag').html('<div>' + $('sometag').html() + '</div>');