jQuery .wrap() adjacent button HTML

Issue

I'm using

jQuery( ".quantity" ).wrap( "<div class=\"engrave_button\"></div>" )

to wrap the quantity div with the engrave_button div.

But I need to include the button inside the engrave_button div. How can I do that?

Current HTML:

  <form>
  ....      
  <div class="engrave_button">
        <div class="quantity">
          <input type="number" id="quantity_" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" placeholder="" inputmode="numeric">
        </div>
      </div> // closing engrave_button div
      <button type="submit" name="add-to-cart" value="123456" class="single_add_to_cart_button button alt">Add to cart</button>
    </form>

Needed HTML:

      <form>
      ....
      <div class="engrave_button">
        <div class="quantity">
          <input type="number" id="quantity_" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" placeholder="" inputmode="numeric">
        </div>
        <button type="submit" name="add-to-cart" value="123456" class="single_add_to_cart_button button alt">Add to cart</button>
      </div> // move closing engrave_button div here
    </form>

Solution

You can use wrapAll(), pass all the element selectors you want to wrap inside the function

jQuery(".quantity, .single_add_to_cart_button").wrapAll("<div class=\"engrave_button\"></div>")

---

Working Code

jQuery(".quantity, .single_add_to_cart_button").wrapAll("<div class=\"engrave_button\"></div>")

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="engrave_button">
  <div class="quantity">
    <input type="number" id="quantity_" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" placeholder="" inputmode="numeric">
  </div>
</div> // closing engrave_button div
<button type="submit" name="add-to-cart" value="123456" class="single_add_to_cart_button button alt">Add to cart</button>

Answered By - Tushar