목록의 값 수를 어떻게 제한합니까?

Question

나는 다음과 같은 많은 다른 값으로 사업부가이 예를 들어

<div> 
    <ul> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> 
    </ul> 
</div> 

내가에만 3 개의 숫자 또는 <li> 요소 상단을 표시 할 말을 할 수 있습니다. 어떻게해야합니까? 나는 대답이 정말로 간단하다고 느낀다. 그러나 나는 그것을 할 수있는 방법을 기억하고있다.

Answer 1

귀하의 질문은 모호합니다. CSS와

:

li:nth-child(3) ~ li { 
    display: none; 
} 

JS Fiddle demo.

당신이 3보다 큰 텍스트 값으로 모든 li 요소를 숨기려면 :

$('li').filter(function() { 
    return parseFloat($.trim($(this).text())) > 3; 
}).hide(); 

JS Fiddle demo.

Answer 2

당신은 할 수 :

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

만에 상위 세 <li> 요소를 보여줍니다.

Answer 3

이

http://api.jquery.com/slice/

$('ul').children().hide().slice(0,3).show(); 

Answer 4

이

뭔가를 시도하려고 자바 스크립트 코드

 $(function(){ 
      $("#sample_div > ul >li:gt(2)").hide(); 
     }) 

HTML 코드

<div id="sample_div"> 
     <ul> 
     <li>1</li> 
     <li>2</li> 
     <li>3</li> 
     <li>4</li> 
     <li>5</li> 
     </ul> 
    </div> 

Answer 5

이렇게 할 수 있으며 어떤 식 으로든 hider 콜백을 변경할 수 있습니다.

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

JS Fiddle demo : 만 세 li 요소를 표시 할 경우

$.fn.showOnly = function(n) { 
    return $(this).each(function(i) { 
     if (i < n) $(this).show(); 
     else $(this).hide(); 
    }); 
}; 

$("ul li").showOnly(2);