jquery - jQuery は計算された CSS 値を取得します

Question

繰り返しごとにマージントップを182px減らすループがあります。margin-top の値を取得して、いつ実行を停止するかを伝えたいのですが、コンソールで実行しようとすると「未定義」が返されます。これを変更して実際の値を取得する方法を教えてください。

これが私が使用しているものです。取得する必要がある値はインラインスタイルであるため、 attr() を使用しています:

$marginTop = $('.emp-wrap').attr("style");

残りのコードは以下のとおりです

// if statements to move carousel up
$carouselNum = $('.carousella').length;

$marginTop = $('.emp-wrap').attr("style");

if($carouselNum  > 1){
//     // function empMove, the '-=' allows the -margin-top to run every time. Without this it will set the margin-top to the same value every loop
    function empMove() { $('.emp-wrap').css('margin-top', '-=182')};

    setInterval(empMove, 20000);
}
else if($carousel < 1){
    // do something
}
else{
    // do something
}

Answer 1

これを試して：

$marginTop = $('.emp-wrap').css("margin-top");

Answer 2

以下を使用してください

$('.emp-wrap').css("margin-top");

さらに、parseIntを使用して整数値のみを取得できます

parseInt($(".testclass").css("margin-top"));

参照： http： //jsfiddle.net/kEVq7/

Answer 3

$marginTop = $('.emp-wrap').css("margin-top");