首页 > 解决方案 > 如果 UL 的高度大于 X,如何将代码附加到具有相同类的 Uls?

问题描述

我有一个包含多个相同类 UL(c-params__list)的页面,其中一些 Uls 高度大于 400,其中一些小于 400。

我需要将一些代码附加到高度大于 400 的 Uls。

这是我到目前为止没有运气的代码:

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。我该怎么办?

标签: jqueryhtmlcss

解决方案


这是@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>');
        }
    });
});

推荐阅读