Usando jQuery para obtener el elemento siguiente o anterior de una selección

Question

¿Cómo puedo obtener el elemento anterior o siguiente de una selección de jQuery?

Básicamente, voy a tener un conjunto de elementos, por ejemplo todas las entradas:

$('input') 

Cuando tengo una sola entrada, también necesitará conseguir la entrada anterior y siguiente. Algo así como:

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

Sin embargo, las entradas no son hermanos y no quiero sólo el siguiente elemento DOM. Quiero el siguiente elemento en la selección jQuery (entradas en este caso).

Sé que puedo iterar a través de una selección de jQuery con

.each(function(... 

Pero no es necesario ir más de todos los elementos, sólo el uno antes y después.

Los elementos también se ordenarán dinámicamente (usando jQuery UI sortables).

Answer 1

se podría hacer algo como esto:

var inp = $('input'); 

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

Tenga en cuenta que prev y next, al igual que este no son objetos jQuery pero DOM del objeto. Para que sean objetos jQuery, debe envolverlos en la función $().

Answer 2

jQuery ha construido en el soporte como es requerido por usted,

$($('input')[0]).next('input') 

next

$($('input')[0]).prev('input') 

previous