javascript - 仅显示最接近的列表元素

Question

这里是 an example of what I have already

主要功能正常，但现在我需要缩小 Controller 列表，以便它更好地适应屏幕，因为它的位置是固定的。

所以，我认为它应该显示事件项目的下三个列表项和前两个列表项。

这样的方法可行，但我认为应该有更短、更方便的方法:

//Display closest items
$('#historyController li.active').prevAll('li:not(.first)').hide().slice(0,2).show();
$('#historyController li.active').nextAll('li:not(.last)').hide().slice(0,3).show();

重构当前代码以获得更好性能的任何技巧也会有所帮助。

Answer 1

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

$('li.third-item').next().css('background-color', 'red');

文档链接 next()

这就是您可以用于 tree-traversal 的所有项目