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

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

4 个答案: