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
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.