使用Jquery每个循环间隔停止

Question

我有一个列表项网格（大约 40 个lis），每个都包含这样的图像：

<ul id="grid">
    <li><img src="images/source.jpg"></li>
    <li><img src="images/source.jpg"></li>
</ul>

我想使用 jQuery 在第 8、14 和 23 个列表项（或任意序列的任意数字）之后插入一个新的列表项。

新的列表项已经存在于 DOM 中的不同无序列表中，如下所示：

<ul id="toBeAppended">
    <li class="dataBlock d0">
            <a href="#dataDummy" class="fancybox">
               <div>
                   <h3>44<span>%</span></h3>
                   <span>Lorem ipsum dolor sit amet</span>
               </div>
            </a>
     </li>
</ul>

这个无序列表被隐藏了。我想使用 jQuery 抓取li.d0 并将其插入到上面的第 8 个列表项之后，然后抓取#toBeAppended 中的下一个列表项并将其插入到第 14 行之后，依此类推。

我猜我会将想要插入新列表项的数字存储到一个数组中，如下所示：

var splashArray = [8,14,23];
$("grid li").each(function(i){
 //not sure what to do here in order to stop the the loop at each interval
  i++
});

我将如何使用 jQuery 来做这件事？

Answer 1

不是遍历 li，而是遍历数组。

var $lis = $("#grid li");
var $newlis = $("#toBeAppended li");
$.each([8,14,23],function(i,val){
    $lis.eq(val).after($newlis.eq(i));
});