jquery .next();瞄准下一个第二或第三个元素

时间:2012-08-08 05:46:12

标签: jquery

我们知道.next()的JQuery函数将帮助我们找到下一个元素 但我想知道,我们怎样才能问JQuery .next()如何帮助我们找出下一个元素,甚至是next's next's下一个元素?

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

我认为它应该有更好的编码方式,所以有人知道吗?

如果我想获得下一个100元素属性,那将会很有趣! 所以我知道你们会问这样的编程或用法是什么样的代码吗?。

2 个答案:

答案 0 :(得分:4)

运用你的想象力:

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

从一个元素开始,获取所有兄弟姐妹,并根据开始元素索引加上eq()进行过滤,但需要跳过多个兄弟元素。

FIDDLE

答案 1 :(得分:2)

您可以使用:eq选择器,例如:

$(".class").eq(2).css("color", "red");

对您有用