從列表中選擇n個項目的部分

Question

我需要在每個點擊功能上選擇三個li。除了前三個之外，我需要隱藏所有的lis。而在點擊功能，我需要隱藏前三個李，並需要顯示接下來的3個項目。怎麼可能？

Answer 1

：您可以使用jQuery的:lt()和清單上的:gt()選擇的組合，以顯示列表項：

Markup：

<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/

Answer 2

使用jQuery :lt()選擇

看看這個FIDDLE