要更改变量的高度li元素

Height li element to change variable

本文关键字：高度 li 元素 变量 改变      更新时间：2023-09-26

我想根据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。

我还尝试了"可见"answers"css显示块"，但这些都不起作用。

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

谢谢，

Isabelle

您可以使用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)

相关文章：