如何使用jQuery .next（）选择下一个（或多于2个）项目？

Question

使用jQuery的.next函数我想显示下两个项目。默认情况下，它仅选择下一个项目。

我需要控制，有时我需要接下来的2，有时候接下来的3

Answer 1

您可以使用.nextAll()和:lt()选择器，例如：

.nextAll(':lt(2)') //next 2
.nextAll(':lt(3)') //next 3

Try it out here。如果您需要它是程序化的（而不是字符串连接）并轻松更改它，请改为使用.slice()：

.nextAll().slice(0, 2) //next 2
.nextAll().slice(0, 3) //next 3

此方法允许您作为参数传递您需要的数字。 You can test it here

Answer 2

使用.nextAll代替.next获取所有后续兄弟姐妹，然后使用.slice将其缩小到范围。

Answer 3

如果您想选择下一个数量的元素并包含所选元素，您可以执行以下操作：

$('div#myTarget').nextAll('div').andSelf().slice(0,4)

上面的代码返回div myTarget之后的下4个div元素，并包含myTarget div本身。

.slice(0,4)选择了接下来的4个元素，.andSelf()包含原始选定元素