Question

我需要获得height的{{1}}并更改#div1的css padding-top。

HTML：

#div2

JS：

<div id="div1">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
</div>

<div id="div2">
  change padding top
</div>

Answer 1

尝试：

使用$("#div1")，因为div1是Id而不是类

$( document ).ready(function() {
    var h = $('#div1').height(); // get height of div using .height()
    $('#div2').css("padding-top" , h+"px"); // concatenate h with + in css
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="div1">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
</div>

<div id="div2">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
  
</div>

Answer 2

$('#div2').css({"padding-top" : $('#div1').height()});

Answer 3

仅使用$('#div1').css({"padding-top" : h});

请注意，您在HTML中使用id，但在JavaScript中使用的是class。

＆＃13;

$(function() {
   var h = $('#div1').height();
   $('#div2').css({"padding-top" : h});
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="div1">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero porro neque placeat explicabo dolore suscipit sapiente saepe non harum. Quod neque ipsum veniam autem tempora laboriosam, asperiores quasi rem amet!
</div>

<div id="div2">
  change padding top
</div>

＆＃13;

如何获得身高

3 个答案: