Получить селектор через jquery

Всем привет. Есть такой код

    <div class="dd-block ct d-flex align-items-center view-block-phone" data-id="<?echo $post['id'];?>" onclick="viewPhone(this);">
  <div class="icon mr-3 ">
    <img src="/images/phone-call.png" alt="date">
  </div>
  <a>Показать телефон</a>
</div>

function viewPhone(btn) {
    var itemBox = '.view-block-phone';       // контейнер записи, id записи храним в data-id
    var itemDel = $('.btn-del-product');
    var $this = $(btn);
    var $thisItem = $this.closest(itemBox);
    var thisIndex = $thisItem.attr('data-id');
        $.ajax({
              url:'/ajax/view_phone',
              data:{'itemid':thisIndex },
              success:function(r){
                $($thisItem).hide('slow');
                
              }
        });
 }

Нужно при нажатии убрать элемент a, и вставить полученные данные.

Данные получаю, но не могу понять как убрать a, сейчас убирается выделенный блок, но потом сразу появляется.

Кнопок на сайте куча.