Javascript 查找最近的特定父级的目标元素

我想通过单击

下一步

按钮来隐藏

目标

图像。 这是我的尝试，但不起作用

<div class='gwrap'>
<div class='gins'>
<img class='gimg' src='...' alt='img'>
<img class='gimg' src='...' alt='img'>
<img class='gimg' src='...' alt='img'> // target
</div>
 <div class='gbtns'>
<div class='gnext'>NEXT</div>
</div>
</div>

$(document).on('click', '.gnext', function(){  
    let a = $(this).closest('.gwrap').find('.gimg:last-child');
    a.hide();
});

//目标
下一个
$（document）.on（'click'，'.gnext'，function（）{
设a=$（this）.closest（'.gwrap'）.find（'.gimg:last child'）；
a、 隐藏（）；
});

最近的

在DOM树中向上遍历其祖先。只需将

parent（）

与

最接近的

一起使用，如下所示

$（document）.on（'click'，'.gnext'，function（）{
设a=$（this.parent（）.closest（'.gwrap'）.find（'.gimg:last child'）；
a、 隐藏（）；
});

//目标
下一个