获取填充百分比值

Question

我正在使用jQuery获取像这样的元素padding-top值。

padding = $('.item').css('padding-top');
console.log(padding);

.item {
    padding-top:15%;
    background:red;
    height:100px;
    width:100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="item">
    This is an item
</div>

是否有办法获取CSS中设置的百分比值，而不是计算出的像素值？

也许我设置填充内联并尝试以这种方式获取它？

Answer 1

根据jQuery文档，不支持简写CSS属性。

根据“总填充”的含义，您可以执行以下操作：

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

您将获得像素填充而不是百分比填充。