Jquery selector.each:如何一次遍历列表x？

Question

所以我有下面的HTML

<ul>
  <li class="id id1-1">id1-1</li>
  <li class="id id1-2">id1-2</li>
  <li class="id id1-3">id1-3</li>
  <li class="id id2-1">id2-1</li>
  <li class="id id2-2">id2-2</li>
  <li class="id id2-3">id2-3</li>
  <li class="id id3-1">id3-1</li>
  <li class="id id3-2">id3-2</li>
  <li class="id id3-3">id3-3</li>
</ul>

我想一次迭代/处理项目3。

例如：(不起作用！)

$(".id").each(function(index){
    $(this).hide() //processes idx-1
    index=index+1; //move to idx-2

    $(this).hide() //processes idx-2
    index=index+1; //move to idx-3

    $(this).hide() //processes idx-3. on next iteration. each "pointer" is at 4th item.
});

有什么想法可以做到吗？

谢谢

Answer 1

只需使用for循环

​

$(function() {
  var li = $(".id");

  for (i = 0; i < li.length; i += 2) {
    console.log("================= " + i);
    console.log($(li[i]).text());
    console.log($(li[i + 1]).text());
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li class="id id1-1">id1-1</li>
  <li class="id id1-2">id1-2</li>
  <li class="id id1-3">id1-3</li>
  <li class="id id2-1">id2-1</li>
  <li class="id id2-2">id2-2</li>
  <li class="id id2-3">id2-3</li>
  <li class="id id3-1">id3-1</li>
  <li class="id id3-2">id3-2</li>
  <li class="id id3-3">id3-3</li>
</ul>

​