查找下一个元素，但不按具有相同类的顺序查找

Question

我想找到具有.item类但不按顺序排列的元素。下面是示例代码。

<ul>
  <li class="item">list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li class="item">list item 4</li>
  <li>list item 5</li>
  <li class="item">list item 6</li>
</ul>

我想遍历在按键事件上只有.item类的每个li元素。我已经尝试过.nextAll((获取所有元素，但由于我有巨大的li元素，所以生成结果集需要很长时间。

var siblingsElements = $('.item').nextAll(); // Takes much time

我怎样才能达到这个结果？提前谢谢。

Answer 1

尝试用Native JS重写代码，它的工作速度要快得多

var items = $('ul')[0].getElementsByClassName('item');
items = $(items);

Answer 2

您可以尝试

$('li.item').each(function(){ 
   --your code here--
  })

因为这将发现只有li具有类"item"，而不是所有dom元素都具有类"item"，这可能会加快您的进程。