jQuery实现表单项遍历拆分包装：跳过指定元素将剩余偶数项分入两个div

实现代码 #

你可以直接在现有代码的末尾追加以下代码即可完成剩余需求：

// 获取所有待拆分的选项元素
const $optEls = $('.product-options-wrapped .product-option-element');
// 计算每组元素数量（因总数为偶数，直接除以2即可）
const groupSize = $optEls.length / 2;

// 分别包装前后两组元素
$optEls.slice(0, groupSize).wrapAll('<div class="options"></div>');
$optEls.slice(groupSize).wrapAll('<div class="options"></div>');

逻辑说明 #

1. 选择器$('.product-options-wrapped .product-option-element')只会选中product-options-wrapped容器内带有product-option-element类的p元素，自动排除了naw-wrapped内的p元素，也会跳过你已经修改类名的Left/Right/Both选项，完全符合筛选要求。
2. 代码没有写死拆分数量，会自动根据实际元素总数计算每组的个数，适配不同表单的可变数量场景。
3. slice()方法用于截取元素集合的指定片段，wrapAll()方法会把截取到的所有元素统一包裹到指定的div容器内，最终得到你需要的两级嵌套结构。

内容的提问来源于stack exchange，提问作者DefqonDude