Question

我需要在每个点击功能上选择三个li。除了前三个，我需要隐藏所有的lis。在点击功能上我需要隐藏前三个li并需要显示接下来的3个项目。怎么可能？

Answer 1

使用jquery :lt()选择器

查看此FIDDLE

Answer 2

您可以同时使用列表中的jquery :lt()和:gt()选择器来显示列表项：

<强>标记：

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>    
    <li>12</li>
</ul>
<a class="prev">prev</a> | <a class="next">next</a>

jQuery：

$('ul li:gt(2)').hide();

$('.prev').click(function() {
    var first = $('ul').children('li:visible:first');
    first.prevAll(':lt(3)').show();
    first.prev().nextAll().hide()
});

$('.next').click(function() {
    var last = $('ul').children('li:visible:last');
    last.nextAll(':lt(3)').show();
    last.next().prevAll().hide();
});

DEMO ：http://jsfiddle.net/kRUUE/

列表中n个项目的部分

2 个答案: