仅使用jQuery .each重复前5个元素

Question

有人知道如何使用jQuery只重复前5个元素each吗？

$(".kltat").each(function() {
   // Only do it for the first 5 elements of .kltat class
}

Answer 1

从文档:

我们可以$.each()通过使回调函数返回来在特定迭代中打破循环false.

此外,相同的文档说明了您给予的回调.each:

在数组的情况下,回调每次都传递一个数组索引和相应的数组值.

所以尝试这样的事情:

$(".kltat").each(function(index, element) {
   // do something
   // ...
   return index < 4;
});

因此,在第五次执行循环(index将等于4)后,循环将停止.请注意,需要使用此n -1逻辑,因为在评估中断条件之前执行循环体.

$(".kltat").each(function(index, element) {
  $(element).css('color', 'red');
  return index < 4;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="kltat">Item 1</li>
  <li class="kltat">Item 2</li>
  <li class="kltat">Item 3</li>
  <li class="kltat">Item 4</li>
  <li class="kltat">Item 5</li>
  <li class="kltat">Item 6</li>
  <li class="kltat">Item 7</li>
</ul>