如何计算10%的div? JQuery的

时间:2015-08-07 12:53:29

标签: javascript jquery html css

我有这个样本:

https://jsfiddle.net/rg28hk2n/

代码HTML:

$(".another").on("click", function(e) {
    e.preventDefault();
    $("iframe").eq(0).attr("src", $(this).attr("href"));
})

CODE CSS:

<div>

</div>

CODE JS:

div{
    width:200px;
    height:500px;
    background:red;
}

目前我保留了div的可变高度。 我想保留一个变量,占我div高度的10%。

3 个答案:

答案 0 :(得分:1)

这是一个简单的数学问题:

 jQuery(document).ready(function ($) {
        var height= $('div').outerHeight()/10;
        alert(height);

        });

JSFiddle Demo

答案 1 :(得分:1)

这只是一个简单的数学问题...... 将高度乘以0.1
var height= $('div').outerHeight() * .1;

答案 2 :(得分:1)

jQuery(document).ready(function($) {
  var height = $('div').outerHeight() * 0.1;
  alert(height);

});
div {
  width: 200px;
  height: 500px;
  background: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

</div>