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();