javascript - 获取页面上所有div id的高度

Question

我正在尝试找到一种方法，在发送到打印机之前，如果任何 div 大于预设大小，则向自己发送警报。

每个页面都会有所不同，并且对于示例测试问题具有不同的 div id。

此外，每个 div 的高度不会像这里那样预先设置。目前，我有这个，但它没有像我希望的那样工作:

<style>
#one{background:#ddd;height:250px;}
#two{background:#000;height:300px;}
</style>
<div id="page">
  <div id="one">
    stuff
  </div>
  <div id="two">
    more stuff
  </div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
  var IDs = $("#page div[id]")         
  .map(function() { return this.id; })
  var result = $(this.id).height();
  if(result > 275){
    alert("over");
  }else{
    alert("under");
  }
</script>

我确实觉得我很接近。非常感谢任何帮助。

Answer 1

为此，您不需要 id，但如果您想将搜索限制为具有 id 的 div，那么您已经正确完成了操作。当您尝试使用结果时，问题就出现了。

您想要循环遍历匹配元素集。 jQuery 提供each为此:

$("#page div[id]").each(function() {
    // This is called once for each matching div;
    // `this` refers to each of the divs. So:
    if ($(this).height() > 275) {
        alert(this.id " is over");
    } else {
        alert(this.id + " is under");
    }
});