javascript - 列表中 n 个项目的部分

Question

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

Answer 1

使用 jquery:lt()选择器

看看这个小提琴

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();
});

演示：http: //jsfiddle.net/kRUUE/