Question

基本上，我有很多元素，其内联样式为height百分比。虽然，当我尝试将高度保存为要使用的变量时，它会将其保存为像素。

例如：

<div class="wrapper">
    <div style="height:10%;">Testing 123</div>
    <div style="height:20%;">Testing 123</div>
    <div style="height:30%;">Testing 123</div>
</div>

$('.wrapper > div').each(function () {
    var height = $(this).css('height');
    console.log(height);  
});

以上代码将打印到控制台40px，80px和120px。我需要这些值作为百分比。有没有办法做到这一点，还是应该将这些值保存在数据属性中才能使用？

WORKING DEMO

Answer 1

您可以使用：

$('.wrapper > div').each(function () {
    var height = this.style.height;
    console.log(height); 
});

<强> Updated Fiddle

Answer 2

如费利克斯所说，你可以使用$(this)[0]但下面的代码也可以使用

$('.wrapper > div').each(function () {
    var height = this.style.height;
    alert(height); 
});

演示： -

http://jsfiddle.net/b427X/1/

如何从内联样式获取百分比而不是像素的高度？

2 个答案: