найти целевой элемент ближайшего специфика c родителя

Question

Я хочу скрыть изображение target, нажав кнопку NEXT. Вот моя попытка, но она не работает.

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

Answer 1

closest прохождение через своих предков в дереве DOM. Просто используйте parent() с closest, как показано ниже.

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>