Ukryj wszystkie elementy, które pojawią się po n-tym elemencie

Question

Po znalezieniu czwartego elementu <a>, w jaki sposób mogę uzyskać .hide() resztę? Poniżej znajduje się kod, który napisałem do tej pory:

<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script> 
    $(document).ready(function() { 
     if($('a').length >= 4) { 
      window.alert('4 or more'); 
     } 
    }); 
</script> 

<a>test </a><br> 
<a>fed </a><br> 
<a>fdes </a><br> 
<a>grr </a><br> 
<a>rerf </a><br> 
<a>dferf </a> 

Jakieś pomysły?

Answer 1

Zastosowanie :gt(index) selektor:

$('a:gt(3)').hide(); 

Albo szybciej slice funkcja:

$('a').slice(4).hide(); 

Live DEMO

Ponieważ : gt() to rozszerzenie jQuery i nie jest częścią specyfikacji CSS, kwerendy przy użyciu: gt() nie można wykorzystać wzrost wydajności dostarczone przez natywny DOM querySelectorAll () metoda. Aby uzyskać lepszą wydajność w nowoczesnych przeglądarkach, użyj zamiast tego $ ("twój-czysty-selektor"). Slice (index).

Answer 2

Jako proste:

$("a:gt(3)").hide(); 

DEMO:http://jsfiddle.net/gmrvK/

Answer 3

roztwór CSS

ul li:nth-child(n+5) { 
    display: none 
} 

http://jsfiddle.net/mckanet/Sp6yE/