jquery - jqueryでpxなしで左右の値を取得

Question

重複の可能性:
Javascript または jQuery の Left() 関数

私は1つのdivを持っており、以下のようなスタイルを与えています。

#MainDiv
{
    position:relative;    
    left:150px;
    right:150px;

}

#MainDiv左右のパラメーターに基づいて、これの幅を指定したいと思います。このために、私は以下のように与えます。

$("#MainDiv").width($("#MainDiv").width() - $("#MainDiv").css("left") - $("#MainDiv").css("right"));

しかし 、アラートで$("#MainDiv").css("left")私を与えています。150pxだけ欲しい150。そのために、offsetプロパティ$("#MainDiv").offset().leftとを使用しまし$("#MainDiv").offset().rightた。左の値は として来ており158、右の値は として来ていundefinedます。offsetこの状況で正しくないですか？px値の最後でそれを削除して正確な値を取得するにはどうすればよいですか?

Answer 1

行う：

var left = parseInt($("#MainDiv").css("left"), 10);

Answer 2

jQuery position()を使用してみてください

 $(element).position().top;
 $(element).position().left;

Answer 3

parseInt( $("#MainDiv").css("left").replace('px', '') );

Answer 4

px を削除する必要はありません。あなたのスクリプトは間違っています。これはあなたを助けるはずです-

デモ

<div id="MainDiv"></div>

CSS

#MainDiv
{
    position:relative;    
    left:60px;
    right:50px;
    border:1px solid;
    height:10px;
    background-color: yellow;
}

jQuery

$("document").ready(function() {
    $("#MainDiv").width(parseInt($("#MainDiv").css("left")) - parseInt($("#MainDiv").css("right")));
});

Answer 5

これを試してください：

$("#MainDiv").css("left").slice(0, -2);
$("#MainDiv").css("right").slice(0, -2);