在每组三个图像之后添加中断 jquery

Add break after every set of three images jquery

本文关键字：之后 图像 添加 中断 jquery 三个      更新时间：2023-09-26

我正在动态生成图像，并愿意在每组三张图像后添加中断，因此每组三张图像将是新行：

<img class="test">
<img class="test">
<img class="test">
<img class="test">
<img class="test">

预期成果：

<img class="test">
<img class="test">
<img class="test">
<br>
<img class="test">
<img class="test">
<img class="test">
您可以使用

:nth-child和.after()：

$(function () {
  $(".test:nth-child(3n)").after("<br />");
});
.test {border: 1px solid #999; width: 25px; height: 25px;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="cont">
  <img class="test" />
  <img class="test" />
  <img class="test" />
  <img class="test" />
  <img class="test" />
</div>

简单地说

这个

$('.test:nth-child(3n)').after('<br>')

使用第 n 个子选择器选择第 3 个元素

相关文章：