javascript - 如何改进这一小段代码

标签 javascript jquery dom

我只是想知道如何改进这段代码:

pagination.children('li.active').prev().prev().prev().prev().prevAll('li.pgn').css("display","none");

我只是不喜欢 .prev() 链,我也没有找到改进它的方法,但我相信你知道怎么做 ;-)

编辑:

pagination 是我的 ul,它包含很多 li 和一个拥有 active 类的。

我想选择 li.active 之前的所有 li 但不是前 5 个。

示例(忘记 pgn 类):

<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="active"></li>

这将给出这个:

<li style="displat: none;"></li>
<li style="display: none;"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="active"></li>

最佳答案

您可以使用 :gt() 选择器。

pagination.children('li.active').prevAll('li:gt(4)').hide();

http://jsfiddle.net/MrvDX/

关于javascript - 如何改进这一小段代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12990411/

相关文章:

javascript - 如何获取每次迭代的值?

页面上的 Javascript 修改未反射(reflect)在 IE 中

javascript - 类似 Google Doc 的实时编辑器的存储机制

javascript - JQuery .on 'change' 事件不会因部分 View 内的下拉菜单而被触发

javascript - 从 dom 中删除指令后使用 $scope.$destroy()

javascript - 用 arrayBuffer 录制 mp3

javascript - jQuery - 每 x 秒向下滚动一次,然后滚动到顶部

javascript - 在 iFrame 中加载外部跨域 HTML 内容还是从异步 JavaScript 加载?

javascript - 如何获取具有属性 attr 且值为 val 的元素数组

javascript - 您应该在 AJAX 内容网站上使用 hashbang,还是只使用普通 URL?