1. ホーム
  2. jquery

[解決済み] jQuery 要素のマージンとパディングを取得するには?

2022-05-17 02:45:10

質問

jQueryを使用して、要素のパディングやマージンなどの合計をどのように取得できますか? 例えば、30px 30px 30px 30px、30px 5px 15px 30px などです。

私は試してみました。

var margT = jQuery('img').css('margin');
var bordT = jQuery('img').css('border');
var paddT = jQuery('img').css('padding');

しかし、これは動作しないのですか? http://jsfiddle.net/q7Mra/

どのように解決するのですか?

によると jQueryのドキュメント によると、省略記法のCSSプロパティはサポートされていません。

total padding"の意味にもよりますが、以下のようなことができるかもしれません。

var $img = $('img');
var paddT = $img.css('padding-top') + ' ' + $img.css('padding-right') + ' ' + $img.css('padding-bottom') + ' ' + $img.css('padding-left');