如何使用jQuery将填充底部样式值作为％？

Question

我有一个基于% padding-bottom的div，即。 padding-bottom: 10%;

当我运行一个简单的

boxSize =  $('#secondBlob').css("padding-bottom");
alert(boxSize);

结果实际上是一个像素值，而不是10％;希望得到“10％”或“10”的结果。有什么想法吗？

Answer 1

此功能

<div id="Div">Last Div</div>
<p class="salida">salida</p>

jquery的

$('#Div').css({
    'padding-bottom':'10%',
    'background':'pink',
    'color':'#333'
});
$('.salida').text($('#Div').css('padding-bottom'));

=======================================

<div id="lastDiv" style="padding-bottom: 10%;">Last Div</div>
<br /><br />
<div id="output"></div>

#lastDiv {
    padding-bottom: 10%;
    width: 33%;
}

$("#output").text("CSS: "+$("#lastDiv").css("padding-bottom"));
//wrong
$("#output").append("<p>Style: " + $("#lastDiv")[0].style.width + "</p>");

或

<div>a</div>
<div>b</div>
<div style="right:80%;">c</div>
<p>
wrong
</p>

div:last-child{
    right:80%;
}$(function() {
var c =$('div').last().get(0);//.css('right');
$('p').text(c.style.right);
});

Answer 2

好吧，似乎没有干净的方法来做到这一点:(但这是一种做法的黑客方式，它确实有效：

$('.parent').hide();
var boxSize = $('#secondBlob').css("padding-bottom");
$('.parent').show();

alert(boxSize);