Удалить тег span, когда что-то удалено

Question

У меня есть структура HTML, и я хочу удалить дополнительный элемент.

<div class="tokenfield form-control"> 
    <input class="pro-credit-user" name="pro-credit-users[]" placeholder="Person or business name" style="position: absolute; left: -10000px;" tabindex="-1" type="text"> 
    <input style="position: absolute; left: -10000px;" tabindex="-1" type="text"> 
    <div class="token invalid"> 
     <span class="token-label" style="max-width: 152px;">dfgdfgdf</span> 
     <a href="#" class="close" tabindex="-1">×</a> 
    </div> 
    <input class="token-input ui-autocomplete-input" autocomplete="off" placeholder="Person or business name" id="1479230390171168-tokenfield" tabindex="0" style="min-width: 60px; width: 1237.4px;" type="text"> 
</div> 

<a class="delete-pro-credit" href="#">Delete</a> 
<span class="pro-credit-error" style="color:red;float:right">Sorry, this user cannot be found. We will not be able to link this persons name with an Enjoius account</span> 

У меня есть JQuery код также:

$("input.pro-credit-user").last().on('tokenfield:removetoken', function (e) { 
    $(this).closest('span').remove(); // not working 
}) 

Когда пользователь удаляет маркер, я также хотел, чтобы удалить оболочку, которая имеет класс «про-кредитной-ошибка». Я написал jQuery, но он не работает.

Как удалить этот диапазон, содержащий класс «pro-credit-error»?

Answer 1

Ниже код работает для меня:

$("input.pro-credit-user").last().on('tokenfield:removetoken', function (e) { 
      $(e.relatedTarget).parent().prev().parent().find('span.pro-credit-error:eq(0)').remove(); 
      }) 

Answer 2

closest Работа по прохождению через своих предков в дереве DOM. В этом случае span вы хотите удалить, не предка

Хотя не тестировалось вы можете попробовать это

$("input.pro-credit-user").last().on('tokenfield:removetoken', function (e) { 
       $(this).parent().sibling('span.pro-credit-error').remove(); 
      }) 

Answer 3

Попробуйте один

$(this).next('span').remove();