javascript - 通过属性javascript检测元素的高度

Question

我有一个具有特定属性 的div。是否可以动态地为这个属性 指定我的元素的高度？例如:

HTML

<div data-size="this.style.height"></div>

输出

<div data-size="400px"></div>

Answer 1

是的，选择所有具有data-size属性的元素，你可以这样做:

$(document).ready(function(){
  $('[data-size]').each(function(){
    $(this).attr('data-size', $(this).outerHeight() + "px");
  });
});

div {border: 1px solid #ccc;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div data-size="this.style.size">
  <div style="height: 300px;"></div>
</div>
<div data-size="this.style.size">
  <div style="height: 25px;"></div>
</div>
<div data-size="this.style.size">
  <div style="height: 50px;"></div>
</div>