選擇一個班級的第二個實例並且不顯示任何

Question

我的論壇上有太多的註銷鏈接。我不想顯示第二和第三，我只想顯示第一個。

class = bbpresslogouturl 

我想：

.bbpressloginurl:nth-last-of-type(2){display:none;} 
.bbpressloginurl:nth-last-of-type(1){display:none;} 

但這並沒有用css工作。有沒有辦法使用jQuery選擇類的第n個？

Answer 1

如果他們不是 「兄弟/兄弟姐妹」

$('.bbpressloginurl').eq(1).hide(); 

如果是這樣，你可以使用CSS：

.bbpressloginurl:first-child + .bbpressloginurl{ display: none; } 

這將隱藏inmediate同級

.bbpressloginurl:first-child ~ .bbpressloginurl{ display: none; } 

這會隱藏所有的兄弟姐妹。

甚至這樣的：

.bbpressloginurl:not(:first-child) { display: none; } 

這取決於你的標記，你不同意..

__

而且first-of-type和last-of-type不能在類名被使用，只是元素（ul，h2，..）

Answer 2

您可以使用：

<div class="test"> 
    1 
</div> 
<div class="test"> 
    2 
</div> 
<div class="test"> 
    3 
</div> 

和css：

.test { 
    display: none; 
} 

.test:nth-child(1) { 
    display: block !important; 
} 

入住這fiddle

最好的問候！
剋日什托夫·

Answer 3

隱藏所有的人，除了先用

$('.bbpresslogouturl').not(':first').hide();