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

Question

我使用加载更多链接来使用 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");
}

Answer 1

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