jquery - 如果少于 3 个，则将元素追加到 :eq(2) if there are 3 or more on the page, 或 :eq(1)

Question

我正在处理一个页面，该页面具有可变数量的 .def-set 类元素。在某些页面上可能有多达 60 个，而在其他页面上可能只有 1 个。

我已经能够在 .def-set 类的第三个实例之后附加一个元素 .editorial-content-feed-replacement，这就是我们想要，但我现在想知道如果页面上的数量少于 3 个，是否有办法将其附加在 .def-set 的第一个或第二个实例之后。

我当前的代码:$('.def-set:eq(2)').append('.editorial-content-feed-replacement')

Answer 1

您可以使用以下方法计算 .def-set 元素的数量

let num = $(".def-set").length

然后与 if-else 逻辑进行比较以完成您想要的:

if (num >= 3) {
  $('.def-set:eq(2)').append('.editorial-content-feed-replacement');
} else {
  // This will append it after the last .def-set element
  $('.def-set').append('.editorial-content-feed-replacement');
}