jquery - 在每 4 个部分之后 append div，如果还有剩余部分，则在末尾 append div

Question

我正在尝试在每 4 个部分之后 append 一个 div，如果还有剩余，则在末尾 append 一个 div。所以它看起来像这样:

<section></section>
<section></section>
<section></section>
<section></section>
<div></div>
<section></section>
<section></section>
<section></section>
<section></section>
<div></div>
<section></section>
<section></section>
<div></div>

我知道这段代码在每 4 个之后执行一次:

$("section:nth-child(4n)").after("<div></div>");

但我不确定如何为其余部分添加它。我考虑过添加一个带有 if 的计数系统......我不太擅长编码，所以我很感激任何解释。

Answer 1

您还可以扩展选择器以包含带有 $("section:nth-child(4n), section:last").after("<div></div>"); 的最后一个元素。 .