jquery - 使用 jQuery 从选择中获取下一个或上一个元素

Question

如何从 jQuery 选择中获取上一个或下一个元素？

基本上，我将有一组元素，例如所有输入:

$('input')

当我有一个输入时，我还需要获取上一个和下一个输入。像这样的东西:

$(this).prev('input')
$(this).next('input')

但是，输入不是同级元素，我不想要下一个 DOM 元素。我想要 jQuery 选择中的下一个元素(在本例中为输入)。

我知道我可以使用 jQuery 选择进行迭代

.each(function(...

但我不需要检查所有元素，只需检查之前和之后的元素即可。

元素也将被动态排序(使用 jQuery UI 可排序)。

Answer 1

你可以这样做:

var inp = $('input');

var index = inp.index(this);
var next = inp[index+1];
var prev = inp[index-1];

注意，prev和next，就像这样现在不是jQuery对象而是DOM对象。要使它们成为 jQuery 对象，您需要将它们包装在 $() 函数中。