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

Question

（要素の左値の意味）：要素を移動する最も簡単な方法は何ですか？たとえば、（現在の位置から）左に10pxですか？

score 8 · Accepted Answer

jQueryを使用した簡単な例を次に示します。

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

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

score 6 · Accepted Answer

要素のIDが「myElement」であると仮定します。

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

score 5 · Accepted Answer

jQueryがやり過ぎで、margin-leftを設定している可能性があります。-10pxでうまくいきます。

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

それはあなたに左、上などを与えるでしょう。

次に、そのようにcssを使用して要素を配置する必要がある場合があります。

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

score 5 · Accepted Answer

1.6以降では、で相対値を使用できるため、次のcss()ように使用できます。

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

要素がすでに定義された値を持ち、left絶対的に配置されている限り。

score 0 · Accepted Answer

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

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

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

5 に答える 5