jquery.next();定位下一个第二个或第三个元素

Question

我们知道JQuery函数.next()会帮助我们找到下一个元素但我想知道，我们如何要求 JQuery .next() 帮助我们找出下一个的下一个元素，甚至 next 的下一个 下一个元素？

我盲目地尝试 $(this).next().next().val() 并且它有效，它能够获取下一个第二个元素的值。所以如果代码是这样的， $(this).next().next().next().next().next().val()它得到第五个元素。

我认为应该有更好的编码方式，有人知道吗？

如果我想获得下100个元素属性，那就很有趣了!所以我知道你们会问什么样的编程或用法需要这样的代码？

Answer 1

发挥你的想象力:

var elem = ​$("#elementID")​; //gets the start element
elem.siblings().eq(elem.index()+8).css('color', 'red');// ninth next element

从一个元素开始，获取它的所有同级元素并使用 eq() 进行过滤基于起始元素索引加上您希望跳过的同级元素。

FIDDLE