Create opening and closing html tags around an existing html structure

Question

I would like to create opening and closing html tags around an existing html structure with JavaScript or jQuery.

The html structure looks like this:

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

I would like to wrap the p tag inside a div with the class .description-wrapper dynamically.

How can I do that with JavaScript or jQuery?

Answer 1

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

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