добавление разделов в первый и последний цикл for, содержащий разделы

Question

Прежде всего, я использую Plate CMS (работает на жидком магазине), это создает sections, который вы видите на изображении выше.

Теперь я борюсь с небольшой проблемой.Я хочу зациклить все 6 секций, но только 4 из них размещены внутри div, а остальные 2 (верхний и нижний колонтитулы) называются tray's, что означает, что они немного различаются и не будут помещены в этот div.

Я знаю, что могу циклически проходить через 4 раздела, используя вот что:

$('#mydiv > section').each(function () { /* ... */ });

, но проблема в том, что я не могу выбрать верхний и нижний колонтитулы таким образом,и затем я зацикливаюсь на div выше, он будет зацикливать <div data-id="post_15757">, а не разделы внутри.

Как мне использовать такой цикл: $('#mydiv > section').each(function () { /* ... */ });, но также добавить мой верхний и нижний колонтитулы?

Answer 1

Вы также можете выбрать для атрибута данных:

var sections = $('[data-plate-object="section"]');

$.each(sections, function(idx, val){
    // apply logic
});

Это почти наверняка, будут выбраны разделы, созданные CMS, а не разделы HTML из интеграции.

Answer 2

Вы можете использовать jQuery add

let $div = $('#mydiv");
$('> section',$div).add($div.prev()).add($div.next())

или по порядку:

let $sections = $('section').first(), $div = $sections.next();
$sections.add($('> section',$div).add($div.next())

или, возможно, просто

const $sections = $('section');