jQuery 查找最近的元素

标签 jquery html css class css-selectors

我正在寻找找到并选择 5 个最接近“活跃”类的“li”(二、三、四、五和六)的方法有什么想法吗?

<li class="one">Hello</li>
<li class="two">Hello</li>
<li class="three">Hello</li>
<li class="four active">Hello</li>
<li class="five">Hello</li>
<li class="six">Hello</li>
<li class="seven">Hello</li>
<li class="eight">Hello</li>

谢谢:)

最佳答案

您可以使用indexslice 方法:

var $li = $('li');
var ind = $li.filter('.active').index(); 
if ( ind-2 < 0 ) ind = 0;

$li.slice(ind-2, ind+3);

http://jsfiddle.net/dc8Xu/

关于jQuery 查找最近的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12830229/

相关文章:

css - @supports 的功能检测?

html - 如何在网格中的图像上放置文本

css - 使用TextArea标签时如何改变textarea的宽度

javascript - 如何聚焦隐藏的输入字段

php - Jquery Ajax 返回 NaN

javascript - 多个 .live() 绑定(bind)到元素

php - 如何让实时 PHP 文件将数据发送回本地机器?

jquery - Google App Engine + jQuery Ajax = 405 方法不允许

html - 如何使用 CSS 制作 div 三 Angular 形的顶部和底部?

javascript - 如何将单个用户的操作通知多个客户端?基于网络的 channel