Hola, quiero agregar una clase secundaria a mi clase principal usando jQuery.

Anteriormente he probado esto:

 $('.my-parent').wrap('<div class="my-sub-parent"></div>');

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="my-parent"> <div class="child-items">1</div> <div class="child-items">2</div> <div class="child-items">3</div> <div class="child-items">4</div> </div>

Pero este inserta la clase fuera de mi padre, no dentro.

Lo que quiero lograr es como esta estructura html:

 <div class="my-parent"> <div class="my-sub-parent"> <div class="child-items"></div> <div class="child-items"></div> <div class="child-items"></div> <div class="child-items"></div> </div> </div>

¿Es esto alcanzable? Cualquier ayuda sería genial. Gracias.