each и append дублируется

Question

пытаюсь сделать открытие телефона по клику (для учета конверсий) есть вот такой вот код

<div class="appointment-clinic-phone py-3">
  <a data-phone="<?php echo $clinic['phone']; ?>" class="text-dark display-6"><span class="text-muted">Показать</span></a>
</div>

И Js

$('.appointment-clinic-phone > a').each(function() {
  var phone = $(this).data('phone');
      edit_phone = phone.slice(0, -4) + '....';
                                    
    $(this).prepend(edit_phone);

});

Все работает хорошо, но prepend почему-то дублируется много раз, вопрос почему(

Answer 1

В песочнице и ваш вариант работает отлично. Посмотрите, нет ли в других местах кода попыток вывести телефон, либо используйте костыль в виде полного перезатирания html в ссылке

$(document).ready(()=>{
  $('.appointment-clinic-phone > a').each(function() {
    let _this = $(this);
    let phone = _this.data('phone');
    let span = _this.find('span')[0].outerHTML;
    phone = phone.slice(0, -4) + '....';

    _this.html(phone + span);
  });
});

БЛОГ НА HUSL

each и append дублируется

Ответы (1 шт):