Question

问题已被修改。对象是我的错误。

我试图检测某些div的高度，然后将该值分配给另一个div。

但我写的代码并没有给我一个正确的答案（我对Javascript / Jquery不太好）。

CSS＆amp; HTML仅用于演示目的。

我试图将左侧空间高度提供给我的.iframe类，但使用Jquery / Javascript。

我的结构几乎相似，container width是流动的。

＆＃13;

$(document).ready(function() {
  var lhs = $('.section-updates').parent().outerHeight();
  console.log(lhs);
  var rhs = $('.customer-focus').parent().height(lhs);
  console.log(rhs);
  var cfH = $('.customer-focus').outerHeight();
  $('.iframe').height(rhs - cfH);
});

＆＃13;

.section-updates {
  height: 500px;
  width: 50%;
  background: purple;
  float: left;
}
.customer-focus {
  height: 200px;
  background: yellow;
  float: left;
  width: 50%;
}
.iframe {
  min-height: 100px;
  background: tomato;
  float: left;
  width: 50%;
}
.container {
  width: 95%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="container">

  <div class="section-updates"></div>
  <div class="customer-focus"></div>
  <div class="iframe"></div>

</div>

＆＃13;

Answer 1

尝试像这样控制..它将显示对象内容

   console.log(lhs);

Answer 2

在行var rhs = $('.customer-focus').parent().height(parseInt(lhs));中设置高度是因为您传递了高度函数的参数，它会在设置值parseInt(lhs)后显然返回对象。使用类似console.log("RHS -----",rhs)或使用console.log(JSON.stringify(lhs))或如果您只需要使用高度rhs=$('.customer-focus').parent().height();

Answer 3

在console.log中使用+替换,。当你使用+时，它会尝试将所有值连接到一个字符串，因为lhs是一个对象，它不能简单地转换为字符串，这就是它打印[object Object]

的原因

使用JQuery获得DIV的高度

3 个答案: