jQuery: mueve el elemento por valor relativo

Question

(es decir, un elemento de valor a la izquierda): ¿cuál es la forma más fácil de mover un elemento? P. Ej. 10px a la izquierda (desde su posición actual)?

THX

Answer 1

Podría ser que jQuery sea exagerado y marginar el margen izquierdo: -10px hará el truco.

Puede obtener offset() relativa de un elemento en el documento: http://docs.jquery.com/CSS/offset

Eso le daría la izquierda, arriba, etc.

Entonces puede que tenga que colocar el elemento usando el CSS así.

subMenu.css({ 
      position: 'absolute', 
      zIndex: 5000, 
      left: left, 
      top: top 
     }); 

Answer 2

Asumiendo que su elemento tiene el id 'myElement':

$('#myElement').css(
{ 
    'position': 'relative', 
    'left': '-10px' 
}); 

Answer 3

Aquí está un ejemplo rápido usando jQuery:

$("#el").css({ 
    left: $("#el").position().left - 10 + "px" 
}); 

Nota: el elemento que desea mover debe estar posicionado de manera absoluta o relativa.

Answer 4

Dado que ninguna de las otras respuestas son verdaderas soluciones al estilo de jQuery, voy a resucitar este viejo problema.

Esta solución puede mover todos los elementos seleccionados por un valor relativo:

$('.selected').each(function() { 
    $(this).css({ left: $(this).position().left - 10 }); 
}); 

Answer 5

A partir de 1.6 Se pueden utilizar valores relativos en css() lo que podría utilizar esto:

$('#myElement).css("left", "+=15"); 

Mientras como el elemento ya tiene un valor definido para left y está absolutamente posicionado.

Ref: http://api.jquery.com/css/