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

Question

我想使用JavaScript或jQuery在现有html结构周围创建打开和关闭html标签。

html结构如下所示：

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

我想用类.description-wrapper动态地将p标签包装在div中。

我该如何使用JavaScript或jQuery？

Answer 1

您可以使用jQuery wrap（）函数来做到这一点。

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