Javascript 如何使用有限数量的ITRATION执行$。每个循环

我正在研究显示各种属性及其图像和细节，它们来自AJAX响应。但问题是，slider有很多幻灯片，每个幻灯片有4个li

当我用slider附加结果li时，它会在第一张幻灯片中附加所有结果li

现在我只想用一张幻灯片来附加这些lis，以此类推

这是我的滑码

这是我的AJAX回复

这是带有ajax响应的reult滑块

---

在将4个li附加到页面后，可以使用slice和wrapAll的组合来包装ul和.item div中的4个li

$.each(json, function(key, data) {
  var product_id = data.product_id;
  var product_name = data.product_title;
  var product_image = data.product_image;
  $("#work_property").append('<li class="span3"><div class="thumbnail"><a href="<?php echo base_url('
    rental '); ?>/' + product_id + '"><img src="' + product_image + '" alt=""></a></div><div class="caption"><h4>' + product_name + '</h4>  <p>Property Description</p></div></li>');
});

for (i = 0; i <= $('.span3').length / 4; i++) {
  $('.span3').slice(i * 4, (i + 1) * 4).wrapAll('<div class="item active"><ul class="thumbnails">');
}

演示：

注意：您可能需要将列表项附加到.carousel内部div

$(".carousel-inner").append('<li class="span3"><div class="thumbnail"><a href="<?php echo base_url('rental'); ?>/'+product_id+'"><img src="'+product_image+'" alt=""></a></div><div class="caption"><h4>'+product_name+'</h4>  <p>Property Description</p></div></li>');

---

不知道你想说什么？你能说得更具体些吗。如何在有限的迭代次数下执行$。每个循环？-它在里面。阅读示例前的最后一句话。Hello@nikamanish，我只想说，我试图在一张幻灯片中用四个lis附加结果lis。问题是，它在第一张幻灯片中附加了整个结果li2。谢谢@madalin，你能告诉我在哪里可以将你的代码放入我的逻辑中吗。感谢您的指导。谢谢：在$之后。每个循环不工作..：它在一张幻灯片中附加整个合成的li。在一张幻灯片中，可以将这些合成的li与4个单独的li对齐。例如，第一张幻灯片有前4个lis，然后第二张幻灯片有下4个lis，依此类推。。请引导我。。谢谢。您是否将代码附加在$后面。每个循环并更改附加，如答案中所示？

$.each(json, function(key, data) {
  var product_id = data.product_id;
  var product_name = data.product_title;
  var product_image = data.product_image;
  $("#work_property").append('<li class="span3"><div class="thumbnail"><a href="<?php echo base_url('
    rental '); ?>/' + product_id + '"><img src="' + product_image + '" alt=""></a></div><div class="caption"><h4>' + product_name + '</h4>  <p>Property Description</p></div></li>');
});

for (i = 0; i <= $('.span3').length / 4; i++) {
  $('.span3').slice(i * 4, (i + 1) * 4).wrapAll('<div class="item active"><ul class="thumbnails">');
}

$(".carousel-inner").append('<li class="span3"><div class="thumbnail"><a href="<?php echo base_url('rental'); ?>/'+product_id+'"><img src="'+product_image+'" alt=""></a></div><div class="caption"><h4>'+product_name+'</h4>  <p>Property Description</p></div></li>');