jQueryで取得した値からpxを取り除く方法【jQuery】

jQueryで要素のCSSの値を取得した際に「px」という文字列も含まれて取得されます。
この「px」を取り除くやり方を紹介します。

以前までやっていたやり方

以前まで取得した値をreplaceで強引に「px」を取り除いていました。

$('p').css('padding-bottom').replace('px','');

まぁ、間違いではないのですが強引というかスマートではないやり方でした。

parseIntを使用するやり方

parseIntを使用した場合、数値部分だけを抜き出してくれます。こちらの方が分かりやすい気がします。

parseInt($('p').css('padding-bottom'));

さいごに

いかがでしたでしょうか。
どちらも間違いではありませんが、コードを少しでも減らし、分かりやすく記述する事を心がけていきたいと思っています。