Поиск закрывает элемент на изменение входного сигнала и шоу подсказке

Question

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

Стараюсь с кодом:

$('input[name=qty]').change(function() { 
    $(this).closest('.fa-retweet').tooltip('show'); 
}); 

но ничего не случилось. пожалуйста помоги.

UPDATE с полным HTML-код:

<form method="post" action="/updateCart/35c3d0bd350dba471e8270d0f61e559d" accept-charset="UTF-8"> 
<input name="_method" type="hidden" value="post"> 
<input type="hidden" name="_token" value="3r2qqrgYG62HVB5xkOOJYN5lVm5v4TNWK5ECQcoH"> 
<div class="col-md-1 col-xs-4" style="padding:0px; "> 
    <input class="margin-mobile" type="number" name="qty" id="qty" value="3" style="width:40px; height: 30px; margin-top:5px; text-align: center !important; border: 1px solid #cf931e; color: #cf931e;"> 
</div> 
<div class="col-md-2 col-xs-4 text-right" style="padding:0px;"> 
    <h2 class="text-theme" style="font-size:36px !important; margin-top:0px !important;">£96  
<sup style="position: relative;vertical-align: baseline;line-height: 0;font-size: 14px;top: -1.2em;"> 
00 </sup> </h2> 
</div> 
<div class="col-md-2 col-xs-4 text-right" style="margin-top:5px;"> 
    <h3 style="margin:0px !important;"><button type="submit" data-toggle="tooltip" title="Click here to change quantity!" class="text-theme btn-non"><i style="margin-right:-5px;" class="fa fa-retweet" aria-hidden="true"></i></button> | <a href="/remove/35c3d0bd350dba471e8270d0f61e559d" class="text-theme"><i class="fa fa-trash" aria-hidden="true"></i></a></h3> 
</div> 
</form> 

Answer 1

.closest() поиск вверх по дереву DOM, пока не найдет совпадение для прилагаемого селектора, но .fa-retweet расположены не на этом пути.

Это будет работать: $(this).closest('form').find('.fa-retweet').tooltip('show');

UPD. Как уже упоминался в docs:

Необходимая для разметки подсказки лишь данные атрибут и названия на элемент HTML, который вы хотите иметь всплывающую подсказку.

Но в вашем варианте тег <i> не имеет данных и название, но у вас есть это внутри <button>. Так просто сделать это:

$(this).closest('form').find('button').tooltip('show'); 

Или посмотрите на пример с кодом: jsfiddle