Question

＆＃13;

$('li.pagination:gt(0):lt(4)').hide();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="pagination active" data-page="0"><a href="#">1</a></li>
<li class="pagination" data-page="1"><a href="#">2</a></li>
<li class="pagination" data-page="2"><a href="#">3</a></li>
<li class="pagination" data-page="3"><a href="#">4</a></li>
<li class="pagination" data-page="4"><a href="#">5</a></li>
<li class="pagination" data-page="5"><a href="#">6</a></li>
<li class="pagination" data-page="6"><a href="#">7</a></li>
<li class="pagination" data-page="7"><a href="#">8</a></li>
<li class="pagination" data-page="8"><a href="#">9</a></li>
<li class="pagination" data-page="9"><a href="#">10</a></li>

＆＃13;

我想从1-5隐藏LI。我怎样才能做到这一点？ GT和LT值动态变化，而不是建议另一个解决方案，请告诉我如何在此解决方案中获得结果。

Answer 1

删除:gt(0): pert，您只需要$('li.pagination:lt(4)').hide();

如果你想隐藏5，请使用$('li.pagination:lt(5)').hide();因为你的号码从1开始而你的data-page从0开始。

$('li.pagination:lt(5)').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="pagination active" data-page="0"><a href="#">1</a></li>
<li class="pagination" data-page="1"><a href="#">2</a></li>
<li class="pagination" data-page="2"><a href="#">3</a></li>
<li class="pagination" data-page="3"><a href="#">4</a></li>
<li class="pagination" data-page="4"><a href="#">5</a></li>
<li class="pagination" data-page="5"><a href="#">6</a></li>
<li class="pagination" data-page="6"><a href="#">7</a></li>
<li class="pagination" data-page="7"><a href="#">8</a></li>
<li class="pagination" data-page="8"><a href="#">9</a></li>
<li class="pagination" data-page="9"><a href="#">10</a></li>

Answer 2

您可以尝试此迭代。防止重复写$('li.pagination:lt(???)').hide(); 5次，如果想要添加更多要隐藏的元素，可以只扩展数组而不是复制另一行。

let numbersToHide = [1, 2, 3, 4, 5];

$("li").each(function (elem) {
    if (numbersToHide.indexOf(elem.innerHTML) > -1) {
        elem.hide();
    }
}

带有自我元素的jQuery GT

2 个答案: