选择类的第二个实例并显示none

时间:2017-01-09 11:03:06

标签: jquery css class

我的论坛上有太多的退出链接。我不想显示第二个和第三个,我只想显示第一个。

class = bbpresslogouturl

我试过了:

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

但这并没有使用css。有没有办法使用jQuery选择类的第n个?

3 个答案:

答案 0 :(得分:1)

如果他们不是“兄弟/兄弟姐妹”

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

如果是,您可以使用css:

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

这将隐藏中间兄弟

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

这会隐藏所有兄弟姐妹。

甚至这个:

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

这取决于您没有分享的标记..

__

同样first-of-typelast-of-type不能用于类名,只是元素(ul,h2,..)

答案 1 :(得分:1)

您可以使用:

d1 = dataframe1.dropna(subset=['ProductID'])
d2 = dataframe2.dropna(subset=['ProductID'])

print(d1.merge(d2, on=['ProductID', 'Date'], how='left'))

  ProductID        Date  Booked Rate  Actual Rate
0        10  01/01/2017         10.0         11.0
1        10  02/01/2017          0.3         12.3
2        10  03/01/2017         70.4         75.4
3        20  01/01/2017        100.0        110.0
4        20  02/01/2017         70.0         80.0
5        20  03/01/2017          0.1          NaN

和css:

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

选中此fiddle

最好的问候!
的Krzysztof

答案 2 :(得分:1)

使用

隐藏除第一个以外的所有内容
$('.bbpresslogouturl').not(':first').hide();