根据列表项的数量显示内容

时间:2015-08-04 17:38:57

标签: javascript jquery

我正在使用加载更多链接来使用AJAX在页面上加载更多列表项。目前,链接上有一个“隐藏”类,默认隐藏它。

但是,如果超过一定数量,我会想要显示“加载更多”链接。

<ul class="myClass">
  <li>List Item</li>
  <li>List Item</li>
  <li>List Item</li>
  <li>List Item</li>
</ul>

<p class="hide" id="load-more">Load More</p>

也许我在思考它。感谢帮助:

var n = $("ul.myClass").length;
var loadmore = $("#load-more");

if (n > 8) {
  loadmore.removeClass("hide");
}

1 个答案:

答案 0 :(得分:4)

需要var n = $("ul.myClass li").length;,假设您的列表项是您尝试计算的,而不是<ul>容器