Оберните содержимое между 2 делениями в первом делении, удалите второе

Question

Я пытаюсь создать разделы в форме кальдеры для Wordpress, чтобы сгруппировать определенные наборы полей для стилизации.

Я могу добавить html полей в кальдере и, таким образом, я могу создать разметку

<div class="section begin"></div>

После этого следуйте моим выбранным полям, скажем,

<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>

Я могу добавить еще один элемент html как таковой;

<div class="section end"></div>

Мне нужно «обернуть» поля в первом div и удалить второй, в результате чего;

<div class="section begin">
    <div class="field"></div>
    <div class="field"></div>
    <div class="field"></div>
    <div class="field"></div>
</div>

Можно ли это сделать с помощью jQuery? Я подписался на эту ветку jquery, оборачивая содержимое между элементами , но это не совсем то, что мне нужно.

Вся помощь очень ценится.

Answer 1

Вы можете сделать это, переместив каждый .field в элемент .begin, используя этот скриптлет:

$('.field').each(function() {
    $(this).append('.begin');
});