在现有的html结构周围创建打开和关闭html标签

Question

我想用JavaScript或jQuery在现有的html结构周围创建开始和结束html标签。

html结构如下所示：

<div class="coursePrerequisites">
    <p>
        Lorem ipsum..
    </p>
</div>

我想动态地将p标签包含在带有 .description-wrapper 类的div中。

我如何使用JavaScript或jQuery做到这一点？

Answer 1

您可以使用jQuery wrap()函数来执行此操作。

$( ".coursePrerequisites p" ).wrap("<div class='description-wrapper'></div>");