javascript - 将部分添加到包含部分的循环中的第一个和最后一个

Question

首先，我使用 Plate CMS(在 shopify liquid 上运行)，这是创建 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

您可以使用 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');