JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
   <fieldset class="inner"></fieldset>
   <fieldset class="inner first_name"></fieldset>
   <fieldset class="inner last_name"></fieldset>
   <fieldset class="inner user"></fieldset>
   <fieldset class="inner password"></fieldset>
   <fieldset class="inner"></fieldset>
   <fieldset class="inner avatar"></fieldset>
   <fieldset class="inner submit"></fieldset>
</div>

JavaScript

$( ".inner" ).slice(0,5).wrapAll( "<div class='new'></div>" );
$( ".inner" ).slice(5,7).wrapAll( "<div class='new1'></div>" );
$( ".inner" ).slice(7).wrapAll( "<div class='new2'></div>" );