找到下一个元素,但不是为了具有相同的类

时间:2015-07-03 09:59:22

标签: javascript jquery html css

我想找到.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>

我想遍历按键事件中只有li类的每个.item元素。我已经尝试过.nextAll()获取所有元素但是生成结果集需要花费很多时间,因为我有很多li元素。

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

我如何实现结果?提前谢谢。

2 个答案:

答案 0 :(得分:1)

尝试使用Native JS重写代码,它的工作速度更快

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

items = $(items);

答案 1 :(得分:0)

你可以尝试

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

因为这只会找到具有“item”类的li而不是所有具有“item”类的dom元素,这可能会加快您的过程。