在整个页面中搜索第二个n-of-type？

Question

此page有两个.button-group元素。我想删除第二个，所以我这样做了：

$('.button-group:nth-of-type(2)').hide()

但该元素并未被移除。

按钮位于各自的部分和不同的div中。这可能是问题吗？如果是这样，如何定位整个页面的第二个.button-group？

Answer 1

使用.eq(n)，其中n是从0开始的元素编号。因此，要获得第二个元素，您需要使用$('.button-group').eq(1).hide();。这是片段：

$('.button-group').eq(1).hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="button-group">1st group</div>
<div class="button-group">2nd group</div>

Answer 2

这样做

$('.entry-content .button-group').hide()