代码之家 › 专栏 › 技术社区 › KatieK

如何插入包围现有元素的新DIV

html javascript

KatieK · 技术社区 · 14 年前

鉴于此标记:

<h1>Lorem ipsum!</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Aliquam erat volutpat.</p>

如何使用javascript用一个新的DIV包围现有的两个段落?

预期结果:

<h1>Lorem ipsum!</h1>
<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Aliquam erat volutpat.</p>
</div>

4 回复 | 直到 14 年前

Community kfsone 7 年前

见 this question 对于使用纯JavaScript的解决方案。

µBio 14 年前

jQuery有一个 wrap 方法如果您正在使用它(如果不使用,为什么不使用:)

jstoneky 14 年前

您应该向段落标记添加一个类,并使用wrapall()函数。

$(".yourPclass").wrapAll("<div/>");

(如果您使用jquery*,这是一个假设)

meder omuraliev 14 年前

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前