Проблемы при попытке обернуть кнопки количества с помощью кнопки «Добавить в корзину» в WooCommerce - jQuery

Question

Я бы хотел, чтобы кнопки количества и добавления в корзину отображались рядом друг с другом, поэтому я хочу обернуть их в контейнер flexbox.

Итак, когда я применяю -

$(function () // on document.ready()
 {
 if ($('form.cart').length > 0)
 {
$('.quantity, #wc-stripe-payment-request-wrapper,  #wc-stripe-payment-request-button-separator, .add-to-cart-wrapper').wrapAll('<div class="quantity-cart-wrapper"></div>');
}
}); 

, код оборачивает Количество в выпадающую корзину навигации и помещает рядом с ней кнопку Добавить в корзину (wtf ?!).Если я отключу виджет «Корзина» из своей навигации, элементы будут хорошо переноситься.Но мне бы очень хотелось, чтобы в моей навигации была корзина И чтобы обернуть элементы в сводке о продукте.

Я пытался добавить .not (': first') после элемента количества, но это не удалосьработа.

$(function () // on document.ready()
 {
 if ($('form.cart').length > 0)
 {
$('.quantity.not(':first'), #wc-stripe-payment-request-wrapper,  #wc-stripe-payment-request-button-separator, .add-to-cart-wrapper').wrapAll('<div class="quantity-cart-wrapper"></div>');
}
}); 

Пожалуйста, помогите