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; }

这将隐藏中间兄弟

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

这会隐藏所有兄弟姐妹。

甚至这个：

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

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

__

同样first-of-type和last-of-type不能用于类名，只是元素（ul，h2，..）

Answer 2

您可以使用：

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

Answer 3

使用

隐藏除第一个以外的所有内容

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

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

3 个答案: