jQuery：删除前n个元素后的所有元素？

Question

我有一些接近这一点：

<div class="batman-pictures">
    <a><img /></a>
    <a><img /></a>
    <a><img /></a>
    <a><img /></a>
    <a><img /></a>
    <a><img /></a>
</div>

我不知道将生成多少<a><img /></a>（我从API中获取它们），并且我想删除前三（n）<a><img /></a>之后的所有元素。我怎么能在jQuery中做到这一点？

Answer 1

试试这个。

$(".batman-pictures a:nth-child(3)").nextAll().remove();

Answer 2

使用第n个选择器。 https://jsfiddle.net/j5cthunu/

$(".batman-pictures a:nth-child(n+4)").remove();