jquery - 使用 Jquery 隐藏分页

Question

我有以下 HTML

<div class = "pagination">
  <ul class = "pagination-wrap>
    <li><a href = "#">1</a></li>
    <li><a href = "#">2</a></li>
    <li><a href = "#">3</a></li>
    <li><a href = "#">4</a></li>
</ul>
</div>

如果我们有更多项目，列表就会增加。我的问题是如何删除列表 <li>动态地。例如:如果我的 totalpages = 1 ，我想删除除 1 以外的所有内容，依此类推。

totalpages = getpages();   //Returns a number from my function

if(totalpages == 1) {
 $("a:contains('2')").hide();
 $("a:contains('3')").hide();
 $("a:contains('4')").hide();
 $("a:contains('5')").hide();
}

现在我有很多像这样的 if 条件。是否可以在一个函数中执行此操作，因为我不想对每个场景进行硬编码。有点像:如果总页数 = 1。排除 1 并删除所有内容？

编辑:当totalPages = 3时，我想隐藏4页及以上，但不是1、2和3。

Answer 1

您可以隐藏所有内容，然后仅显示您想要的内容

function showOnly(someText) {
  $(".pagination-wrap a").hide();
  $(".pagination-wrap a:contains('"+someText+"')").show();
}