jquery - 使用 for 循环一次删除一个元素

Question

我正在根据带有 for 循环的图像数量构建一个框列表。因此，如果有 10 个图像，则会创建 10 个框。

如何根据有多少图像一次删除一个框？

（我正在制作一个图像轮播，在轮播下方有框，注意有多少图像。我有不同的轮播，所以当有人点击查看不同的轮播时，我需要重新填充框）

这是我填充盒子的方式

  for (var i=0; i < get_images.length; i++) {
    $boxCntr = $(".box_counter").first().clone(true);
    $(".box_counter").last().after($boxCntr);       
  }

Answer 1

如果你已经在使用 jQuery，你可以这样做：

$('.box_counter').filter(':lt(' + get_images.length + ')').remove();

Answer 2

$('.box_counter:lt(' + get_images.length + ')').remove();

Answer 3

//$('.box_counter').remove(); // Remove all boxes
$('.box_counter:gt(0)').remove(); // Remove all but one box

要将框数与具有 .images 类的项目数同步：

$('.box_counter:gt(0)').remove(); // Remove all but one box
$('.images:gt(0)').each(function(){
    $('.box_counter').last().after($('.box_counter').first().clone(true));
});

Answer 4

我让它和这个一起工作

 var clone = $('.box_counter').clone(); 
 $('.box_counter').remove();            
 $("body").append(clone);