jQuery：要素を相対値で移動する

Question

（要素の左値を意味する）： 要素を移動する最も簡単な方法は何ですか-例えば。 （現在の位置から）左に10ピクセルですか？

thx

Answer 1

jQueryが過剰であり、margin-leftを設定すると、-10pxでうまくいく可能性があります。

ドキュメントに対する要素のoffset（）を取得できます： http://docs.jquery.com / CSS / offset

左、上などを提供します

次に、CSSを使用して要素を配置する必要がある場合があります。

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

Answer 2

jQueryを使用した簡単な例：

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

注：移動する要素は、絶対的または相対的に配置する必要があります。

Answer 3

要素にid 'myElement'があると仮定します：

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

Answer 4

1.6以降では、 css（）で相対値を使用できるため、これを使用できます。

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

要素に left の定義済みの値が既にあり、絶対に配置されている限り。

参照： http://api.jquery.com/css/

Answer 5

他の答えはいずれも真のjQueryスタイルのソリューションではないため、この古い問題を復活させます。

このソリューションでは、選択したすべての要素を相対値で移動できます。

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