定位多个项目时的元素顺序

Question

我有一个<ul></ul>超过4,000 <li></li>，我正在尝试选择其中的一系列范围。即[50 - 100]。

当我像jquery那样定位所有li时：$('ul > li');我得到一个li长4000个项目的数组。

所以我试图从50到100循环并定位每个li：

for (var i = startCount; i <= stopCount; i++ ) {
  $('ul > li')[i].addClass('transparent');
}

但是当我在开发工具中暂停时，我可以看到$('ul > li')[50]靠近ul的底部。我期待它成为ul中的第50或第51项。有没有办法判断UL列表是否有订单？

Answer 1

你可以实现这一目标的一种方法是使用jQuery的slice()方法。

  

slice() - 将匹配元素集减少到指定的子集   一系列指数。

在你的情况下，它将是：

$('ul > li').slice(49, 100);
// Targets the 50th to 100th ul > li elements only.

Example jsFiddle here.