高度li元素改变变量

Question

我想根据li元素的高度更改值。 该元素是根据我们的数据库中的值显示的，该值不能在此处使用。

这是我的HTML代码：

<li id="ul_customer1"> 
  <a href="" ng-click="menu('pages/1.html')"  id="menu-1" class="editable nav-label">Achtergronddata</a>
</li>

我的Javascript代码：

if($("ul_customer1").actual("height") > 5) { 
  var customer= 1;
} else {
  var customer= 0;
}

激活时，li的高度= 129.隐藏时为4。

我也试过＆＃34;可见＆＃34;和＆＃34; css显示块＆＃34;，但那些不能工作。

如何根据li元素的高度更改var customer？

谢谢，

伊莎贝尔

Answer 1

您可以使用outerHeight()或height()功能：

if ($("#ul_customer1").height() > 5) { 
  var customer = 1;
} else {
  var customer = 0;
}

并确保为#提供id。

以下是您的演示：

当#ul_customer1 ...

内没有任何内容时

$(function () {
  if ($("#ul_customer1").height() > 5) { 
    var customer = 1;
  } else {
    var customer = 0;
  }
  alert(customer);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ul_customer1"></div>

#ul_customer1内有什么内容......

$(function () {
  if ($("#ul_customer1").height() > 5) { 
    var customer = 1;
  } else {
    var customer = 0;
  }
  alert(customer);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ul_customer1">Hello<br />Hi</div>

  

注意： 这对我来说就像是一个X-Y问题。我相信你正在检查特定元素是否为空。如果是这种情况，请改用:is(empty)。