Высота li элемент для изменения переменной

Я хочу изменить значение, основанное на высоте 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.

Я также попробовал «видимый» и «блок отображения css», но они не работают.

Как изменить клиента var в зависимости от высоты элемента li?

Спасибо,

Изабель

1 ответ

  1. Можно использовать функции outerHeight()orheight():

    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)вместо этого.