Скрыть ближайший элемент с указанным c классом

Question

Я пытаюсь скрыть элемент ahref, когда пользователь нажимает кнопку, я хочу, чтобы он удалял закрывающий тег с классом decinvite

По сути, я хочу, чтобы, когда пользователь щелкает Кнопка подтверждения, кнопка подтверждения и кнопка отклонения исчезают.

<div class="user-list-slider owl-carousel  bottom-0">
  <div class="user-list-left">
    <img src="<?echo $theuser->photo;?>" alt="img" class="shadow-small bg-blue2-dark">
    <h4>
      <?echo $theuser->forename . " " . $theuser->surname;?>
    </h4>
    <p class="color-theme">
      Requested <?echo $date?>
    </p>
    <a href="#" class="next-slide-user bg-highlight">ACTIONS</a>
  </div>
  <div class="user-list-right">
    <h4>
      <?echo $theuser->forename . " " . $theuser->surname;?>
    </h4>
    <p class="color-theme">
      Requested <?echo $date?>
    </p>
    <a href="#" class="float-right icon icon-xxs icon-circle shadow-large bg-green2-dark left-5 sendinvite" request-id="<?echo$r->id;?>">
      <i class="fas fa-check"></i>
    </a>
    <a href="#" class="float-right icon icon-xxs icon-circle shadow-large bg-red2-dark left-5 declineinvite">
      <i class="fas fa-times"></i>
    </a>
    <a href="<?echo base_url();?>user/<?echo $theuser->username;?>" class="float-right icon icon-xxs icon-circle shadow-large bg-highlight left-5">
      <i class="fas fa-eye"></i>
    </a>
  </div>
</div>

$(".sendinvite").click(function() {
  var $this = $(this);
  $(this).closest("declineinvite").hide();
  var requestid = $(this).attr("request-id");
  $.ajax({
    url: "<?echo base_url();?>",
    method: "POST",
    data: {
      requestid: requestid
    },
    success: function(data) {}
  });
});

Answer 1

Метод closest() ищет ближайший родительский элемент. .declineinvite - это брат или сестра из нажатых .sendinvite, поэтому вы можете использовать next() или siblings().

Также обратите внимание, что если вы хотите, чтобы что-то исчезло , используйте fadeOut(). Затем, при необходимости, вы можете использовать обратный вызов fadeOut() для полного удаления элемента из DOM:

$(".sendinvite").click(function() {
  var $this = $(this);
  $this.next(".declineinvite").addBack().fadeOut(function() {
    $(this).remove();
  });

  // ajax request...
});