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

Question

首先，我使用 Plate CMS（在 shopify 液体上运行），这是创建sections您可以在上图中看到的。

现在我正在努力解决一个小问题。我想循环所有 6 个部分，但其中只有 4 个放在 div 内，另外 2 个（页眉和页脚）是所谓的tray's，这意味着有一点不同，不会放在那个 div 内。

我知道我可以像这样使用somethign 遍历 4 个部分：

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

但问题是我无法以这种方式选择页眉和页脚。然后我在上面的 div 上循环它会循环<div data-id="post_15757">而不是里面的部分。

我如何使用这样的循环：$('#mydiv > section').each(function () { /* ... */ });，还要添加我的页眉和页脚？

标签： javascriptjqueryhtmlcssliquid

Answer 1

您可以使用jQuery 添加

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');