選擇一組具有所有相同元素標記的子元素

Question

我有一個包含四個段落標記的div。當頁面加載時，我想要顯示前兩個段落，然後隱藏後續段落元素，但我不知道如何執行此操作。爲了簡單起見，我在下面的jsfiddle示例中將事件設置爲按鈕與文檔就緒事件。

http://jsfiddle.net/zTCFe/4/

<div id="div"> 
<p>1 keep me shown</p> 
<p>2 keep me shown</p> 
<p>3 hide me</p> 
<p>4 hide me</p> 
</div> 

<input type="button" value="press" id="button"/> 

<script> 

$('#button').click(function() { 

$('#div').children().hide(); 

}); 

</script> 

Answer 1

你幾乎有：

$('#div').children(':gt(1)').hide();

更多關於:gt選擇。

http://jsfiddle.net/gromer/Tdue6/1/

Answer 2

使用:gt() selector選擇他們

Answer 3

您可以使用:gt()選擇：

$("#div p:gt(1)").hide(); 

或者，你也可以使用.slice()選擇從jQuery對象的DOM數組特定元素：

$("#div p").slice(2).hide(); 

Answer 4

作爲替代方案，你也可以使用.slice（）

$('#div').children().slice(2).hide(); 

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

Answer 5

你也可以只使用CSS這個

li:nth-child(-1n+2) { 
    background: yellow; 
}