Как добавить код в Uls с тем же классом, если высота UL больше, чем X?

Question

У меня есть страница с несколькими UL одного и того же класса (c-params__list), некоторые из этих высот Uls больше 400, а некоторые меньше 400.

Мне нужно добавить некоторый код в Uls, которыйиметь высоту больше 400.

Это мой код, пока без удачи:

jQuery(document).ready(function($) {
    $(".c-params__list").each(function() {
      var height = this.height;
          if ( height > 400){
            $("ul.c-params__list").append('<div class="loadMore"><a class="load-More">More</a></div>');
        }
    });
});

Этот код ничего не добавляет ни к одному UL. Что мне делать?

Answer 1

Это ответ, который работал @AsfanShaikh:

jQuery(document).ready(function($) {
    $(".c-params__list").each(function() {
      var height = $(this).innerHeight();
      if ( height > 400){
            $(this).append('<div class="loadMore"><a class="load-More">More</a></div>');
        }
    });
});